Tag: angularjs

AngularJS – ng-disabled不能用于Anchor标记

我正在使用ng-disabled,我喜欢它。 这对我的input和button很有帮助。 锚标记不工作。 我该如何解决? HTML code <a ng-disabled="addInviteesDisabled()">Add</a> JS code $scope.addInviteesDisabled = function() { return $scope.event.status === APP_CONSTANTS.STATUSES.PENDING_APPROVAL; };

无法在angularjs中调用Object.keys

我正在使用UI.Bootstrap手风琴,并且已经定义了我的标题,如下所示: <accordion-group ng=repeat="(cname, stations) in byClient"> <accordion-heading> {{ cname }} <span class="pull-right"> {{ Object.keys(stations).length }} Stations</span> </accordion-heading> 当显示Object.keys(stations).lengthparsing为Object.keys(stations).length 。 如果我把同样长度的电话放在我的控制器里,我可以得到预期的计数。 有什么办法阻止在AngularJS中工作吗? 使用stations的手风琴的其余部分按预期工作,所以我知道它正在适当填充。 byClient数据结构基本如下所示: { "Client Name" : { "Station Name": [ {…}, {…} ] } }

AngularJS触发器和监视对象值从控制器服务中更改

我试图从控制器中观察服务的变化。 我尝试了很多基于许多qns的东西,在stackoverflow上,但是我一直无法使它工作。 HTML: <div ng-app="myApp"> <div ng-controller="MyCtrl"> <div ng-click="setFTag()">Click Me</div> </div> </div> JavaScript的: var myApp = angular.module('myApp',[]); myApp.service('myService', function() { this.tags = { a: true, b: true }; this.setFalseTag = function() { alert("Within myService->setFalseTag"); this.tags.a = false; this.tags.b = false; //how do I get the watch in MyCtrl to be triggered? }; }); myApp.controller('MyCtrl', function($scope, […]

在angular度,如何使用取消$用户事件的间隔,如页面更改?

关于$interval angular度文档是这样说的: 注意:这个服务创build的间隔必须在完成时明确销毁。 但是它并没有解释如何销毁$ interval。 如果例如我有一个指令包含这个代码: $interval(function() { for (var i in myArray) { // do domething } }, 5000); 我怎样才能销毁它,当用户更改页面例如?

如何通过自定义Angular指令有条件地应用模板?

DEMO 考虑下面的指令: angular.module('MyApp').directive('maybeLink', function() { return { replace: true, scope: { maybeLink: '=', maybeLinkText: '=' }, template: '<span>' + ' <span ng-hide="maybeLink" ng-bind-html="text"></span>' + ' <a ng-show="maybeLink" href="#" ng-bind-html="text"></a>' + '</span>', controller: function($scope) { $scope.text = $scope.maybeLinkText.replace(/\n/g, '<br>'); } }; }); 该指令将<span>和<a>到DOM(一次只能看到一个)。 我怎样才能重写指令,使它将<span> DOM <span>或<a>到DOM,但不是两个? UPDATE 好吧,我想我可以用ng-if这样的话: template: '<span>' + ' <span ng-if="!maybeLink" ng-bind-html="text"></span>' + […]

检查angular模板中的数组中的值?

有没有什么办法来检查angular度模板中的值是否在数组中? 我正在寻找这样的东西: <div ng-class="{'myClass':1 in [1,2,5]}">Yay</div> 如果1在数组中,则应用myClass。 这可能吗? 另外,Angularjs使用了什么模板引擎? 我在哪里可以find它的文件? 每当我尝试和search(甚至官方文档),我似乎只是把指令或数据绑定的文档。

完成加载ng-include在angular度js中

用ng -include检测html加载的最佳方法是什么? 我想写一些代码,当它将完成加载。 感谢您的任何想法。

使用$ routeProviderredirect到Angular以外的路由

我已经在Angular中编写了一个Web应用程序的一部分。 为了确保覆盖所有路由,我想向$routeProvider添加一个redirectTo属性,以便将无效路由返回到不使用Angular的Web应用程序的根目录。 我试过了: $routeProvider.otherwise({ redirectTo: '/' }); 但显然这只能在URL的Angular控件部分路由,所以用户将被redirect到像http://app.com/angular-part-of-web-app#这样的URL,而不是http://app.com ,我希望他们去。 我已经解决了这个问题,有一个空白部分作为'404'页面,然后是一个控制器,它只是使用$window对象redirect到所需的页面: routes.js // Redirect to site list. $routeProvider.when('/404', { templateUrl: '/partials/404.html', controller: 'RedirectCtrl' }); // Redirect to the 404 page. $routeProvider.otherwise({ redirectTo: '/404' }); controllers.js // Controller to redirect users to root page of site. .controller('RedirectCtrl', ['$scope', '$window', function ($scope, $window) { $window.location.href = '/'; }]); […]

如何在浏览器中debuggingangular度服务

我在我的angular度应用程序中创build了一个工厂/服务。 我想在浏览器中debugging它。 有没有办法,我可以访问它的实例,并检查其function和variables的价值是什么。 angular度范围可以使用访问 angular.element(e).scope() 有没有类似的方式来访问工厂?

jQuery单击不在AngularJS模板中触发的事件

这可能有点奇怪,以前从来没有人遇到过这种情况,但是我发布了这个机会,有人知道我不知道。 我正在使用jQuery 2.0.3和AngularJS。 如果我在index.html有一个锚点,如下所示: # index.html <a href="#" class="clickme">Click Me</a> <script type="text/javascript"> $(function() { $('.clickme').click(function() { console.log("click"); }); }); </script> 然后它工作,当我点击它,它输出“点击”。 但是当我把它放在一个包含ng-include属性的模板中时,jQuery突然不会触发。 如果我把脚本放在锚点的模板里面,它会触发。 # index.html <div ng-include="'path/to/template.html'"></div> # template.html <a href="#" class="clickme">Click Me</a> <script type="text/javascript"> $(function() { $('.clickme').click(function() { console.log("click"); }); }); </script> 使用使用模板的指令也是如此。 这是奇怪的,使我很多麻烦与一些下拉菜单。 有谁知道这是为什么发生?