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> 使用使用模板的指令也是如此。这是奇怪的，使我很多麻烦与一些下拉菜单。有谁知道这是为什么发生？