小编Div*_* MV的帖子

如何在浏览器中调试angularjs的$ rootScope对象

在浏览器中加载angularjs应用程序时,有没有办法调试它?

即.我希望得到$rootScope我目前的申请.我该怎么办?

javascript angularjs

68
推荐指数
4
解决办法
4万
查看次数

什么是ng-model和ng-value之间的区别

据我所知,ng-model设置了分配模型的特定元素的值.鉴于ng-value与ng-model有何不同?

javascript angularjs angularjs-directive angularjs-ng-model angularjs-ng-value

38
推荐指数
2
解决办法
5万
查看次数

如何在angularJS中等到$ compile结束

我正在加载一个模板,然后使用$compile服务将其编译到我的作用域.

var template = "<div> .. {{someCompilingStuff}} ..</div>";
var compiled = $compile(template)(cellScope);
Run Code Online (Sandbox Code Playgroud)

然后在弹出窗口中使用它

cellElement.popover({
    html: true,
    placement: "bottom",
    trigger: "manual",
    content: compiled
});
Run Code Online (Sandbox Code Playgroud)

我的模板非常复杂,可能需要一些时间来编译.

在弹出框中使用之前,如何确保角度已完成编译模板?

编辑:我尝试$apply()在创建弹出窗口之前强制使用angular ,它确实有效但生成javascript错误,这对我来说是不可接受的.

javascript angularjs

19
推荐指数
1
解决办法
7670
查看次数

Chrome:POST/OPTIONS请求因net :: ERR_TIMED_OUT而失败

OPTION/POST请求与控制台错误不一致,错误为err_timed_out.我们得到的问题不一致,有时只能观察到.否则请求会从后端获得适当的响应.当它超时时,请求甚至不会到达服务器.

我对这些东西做了一些研究,发现由于最多6个连接到资源限制,它可能会等待释放连接.但是,我没有看到任何其他请求待处理,所有其他请求都已完成.

在时间轴中,我总能看到它停滞了20.00秒.大部分时间都是一样的.但是,它只表明它在时间轴上暂停了一段时间.

ERR_Connection_Timed_Out失败,请求状态显示失败.请帮忙.

网络时间

在此输入图像描述

控制台错误

在此输入图像描述

dns proxy google-chrome xmlhttprequest angularjs

10
推荐指数
1
解决办法
4063
查看次数

使用ngDialog确认模态

我在我的应用程序中使用ngDialog并且我想创建一个通用的确认模式,我可以在需要时使用它,确认消息将会有所不同.

我的问题:

1-创建一个带有ngDialog功能的指令是一个好主意,它的设计是什么?

2- ngDialog代码中confirm()和openConfirm()的区别是什么.

提前致谢

angularjs ng-dialog

8
推荐指数
1
解决办法
3万
查看次数

angularjs中的动态标题 - 使用ng-attr-title

如何在angularJS中获得动态标题.我知道ng-attr-title如下所示使用

<div ng-app="myApp" ng-controller="ctrl">
<div ng-attr-title="{{title}}">Hover me</div>
</div>
Run Code Online (Sandbox Code Playgroud)

而控制器是

var app = angular.module('myApp', []);
function ctrl($scope){
$scope.title = "I 'm a tooltip!";    
}
Run Code Online (Sandbox Code Playgroud)

这是JSfiddle及其工作原理.我正在尝试的是在启用时有两个不同的标题,而在禁用时有另一个,所以我想决定ng-attr-title在运行时进入的变量,如下所示.

<div ng-app="myApp" ng-controller="ctrl">
<div ng-attr-title="{{message}}">Hover me</div>
</div>
Run Code Online (Sandbox Code Playgroud)

而控制器是

var app = angular.module('myApp', []);
function ctrl($scope){
$scope.Enabledtitle = "U can click me";
$scope.Disabledtitle = "U cannot click me";
 $scope.message="Enabledtitle";    
}
Run Code Online (Sandbox Code Playgroud)

所以,当我徘徊时,我应该得到工具提示说"你可以点击我".因此,只需更新范围变量,我就可以灵活地在工具提示消息之间切换message

这是JSfiddle,我尝试了动态标题,并将"Enabledtitle"作为工具提示而不是"U可以点击我".

我怎样才能告诉角度解析{{Enabledtitle}}并赋予其价值.

angularjs

8
推荐指数
2
解决办法
3万
查看次数

每当CORS $ http请求失败时,返回的响应始终为0

这是SO中这个帖子的类似问题.但是这里提供的答案不能应用于我的情况,因为我无法更改服务器的响应头.

假设http POST到不同的来源.这意味着CORS,包括CORS预检交换.现在假设OPTIONS请求503 service unavailable 由于服务器问题而返回错误.在这种情况下,错误处理程序提供""数据和0状态,而不是给我状态代码503和文本:service not available.下图显示了此场景的一个示例.

在此输入图像描述

在此输入图像描述

我正在使用angularjs $ http,我知道在响应中没有CORS头,如果发生这样的错误.我无法改变它.

有什么办法可以在我的拒绝对象中收到正确的错误代码和文本.

http-status-code-503 angularjs

6
推荐指数
1
解决办法
6043
查看次数

Angular ng-table服务器端分页

我有服务器端分页的问题.我正在从服务器加载分页数据.数据加载正确,但数据的显示很奇怪:例如,当我从第1页移到第2页时,我可以看到列表底部第一页的数据片刻,然后它就消失了.在示例中没有这样的行为,我找不到我的代码有什么问题.这是我的控制器:

angular.module('ttUserList').controller('UserListController', userListController);

userListController.$inject = ['ngTableParams', 'UserList'];

function userListController(ngTableParams, UserList) {
    var vm = this;
    var USERS_PER_PAGE = 10;

    vm.tableParams;
    vm.getData = getData;
    activate();

    function activate() {
        vm.tableParams = new ngTableParams({
            page: 1,
            count: USERS_PER_PAGE,
            sorting: {
                name: 'asc' //initial sorting
            }
        }, {
            total: 0,
            getData: getData
        })
    }

    function getData($defer, params) {
        UserList.getUsersPage(params.url()).then(function (users) {
            params.total(users.total);
            $defer.resolve(users.list);
        });
    }
}
Run Code Online (Sandbox Code Playgroud)

Html很简单:

<table data-ng-table="userList.tableParams"  data-show-filter="true" class="bordered responsive-table hoverable">
    <tbody>
        <tr data-ng-repeat="user in $data">
            <td data-title="'Name'" data-sortable="'name'"
                filter="{ 'name,surname': 'text' …
Run Code Online (Sandbox Code Playgroud)

pagination angularjs ngtable

5
推荐指数
0
解决办法
3269
查看次数

如果 ng-bind 或 {{}} 为空,如何获得默认文本

我正在尝试绑定一个scope变量,<span>并且如果范围变量为空,我正在尝试显示一些默认文本。我尝试使用ng-bindand{{}}但找不到解决方案。是问题的说明

这是我的控制器

myApp.controller("MyCtrl",function($scope) {
$scope.level = "iResult";
$scope.reset =function(){
    $scope.level = "";
};
Run Code Online (Sandbox Code Playgroud)

这是模板

<div ng-controller="MyCtrl" id="tableForVxp" class="dataDisplay2">
{{level}}
<button ng-click="reset()">RESET</button>
<p>On click of reset the level get updated as blank and if its blank i want a default text "NoneLeft" to be displayed</p>
Run Code Online (Sandbox Code Playgroud)

我不是在寻找使用的解决方案ng-if,ng-show,ng-hide

angularjs

1
推荐指数
1
解决办法
1133
查看次数

ng-bind-html中的angular指令没有被发现

这是一个后续的问题,这个帖子.

我有一个ng-attr-title用于注入的html使用ng-bind-html哪个不工作ie)标题不是在DOM元素中形成因此在悬停时没有形成.tooltip我的代码是

myApp.controller("MyCtrl",function($scope) {
$scope.tl="this is title";
$scope.level = "<span ng-attr-title='{{tl}}'><b>data</b></span>";
});
Run Code Online (Sandbox Code Playgroud)

问题在Jsfiddle中说明

angularjs ng-bind-html

1
推荐指数
1
解决办法
7017
查看次数