Tag: angularjs

ng-app和data-ng-app有什么不同？

我已经开始了解AngularJS，并且对ng-app和data-ng-app指令之间的差异感到困惑。

我如何告诉AngularJS“刷新”

我有一个单击事件发生在我的自定义指令的范围之外，所以不是使用“ng-click”属性，而是使用jQuery.click（）侦听器并在我的作用域内调用一个函数，如下所示： $('html').click(function(e) { scope.close(); ); close（）是一个简单的函数，如下所示： scope.close = function() { scope.isOpen = false; } 在我看来，我有一个元素“ng-show”绑定到isOpen像这样： <div ng-show="isOpen">My Div</div> debugging时，我发现正在调用close（），isOpen正在更新为false，但AngularJS视图没有更新。 有没有办法我可以手动告诉Angular更新视图？ 还是有更多的“angular”的方法来解决这个问题，我没有看到？

Angular-ui-router获得之前的状态

有没有办法获得当前状态的前一个状态？ 例如，我想知道之前的状态是在当前状态B之前（之前的状态将是状态A）。 我无法在ui-router github文档页面中find它。

服务，指令和模块之间的区别

我是一个新手，了解基础知识，并尝试我的手在这个真棒框架。 我一直在阅读很多文档，越来越困惑。 我基本上无法弄清楚一个区别 服务 指示 模 我看到很多自定义组件。 有时他们使用指令，即时服务。 它始终始于一个模块。 有人可以用一个例子来解释这三种types之间的区别吗？

ng-repeat中最后一个元素的不同类

我正在使用ng创build一个列表 – 重复这样的事情 <div ng-repeat="file in files"> {{file.name}} </div> 但是对于最后一个元素，我想要一个包含它的类（ <div class="last">test</div> ）。 我怎样才能达到这个使用ng-repeat？

使用Restangular over ngResource的优点是什么？

ngResource已经看起来很简单 ，实现… 用ngResource使用Restangular的优点/缺点是什么？ 1.1.3 $resource将返回promise，并且可以使用最新的PR commit来实现 。 未来的支持是否会被提供给$resource以支持Restangular额外的动词？ 如果发生这种情况，Restangular似乎会消失并变得不相关。

带默认选项的Angular指令

我刚刚开始使用angularjs，并正在将一些旧的JQuery插件转换为Angular指令。 我想为我的（element）指令定义一组默认选项，可以通过在属性中指定选项值来覆盖它。 我已经查看了其他人做这件事的方式，在ui-ui库中， ui.bootstrap.pagination似乎做了类似的事情。 首先所有的默认选项都是在一个常量对象中定义的 .constant('paginationConfig', { itemsPerPage: 10, boundaryLinks: false, … }) 然后，一个getAttributeValue实用程序函数被附加到指令控制器： this.getAttributeValue = function(attribute, defaultValue, interpolate) { return (angular.isDefined(attribute) ? (interpolate ? $interpolate(attribute)($scope.$parent) : $scope.$parent.$eval(attribute)) : defaultValue); }; 最后，在链接函数中使用它来读取属性 .directive('pagination', ['$parse', 'paginationConfig', function($parse, config) { … controller: 'PaginationController', link: function(scope, element, attrs, paginationCtrl) { var boundaryLinks = paginationCtrl.getAttributeValue(attrs.boundaryLinks, config.boundaryLinks); var firstText = […]

我如何添加一些小的实用function到我的AngularJS应用程序？

我想添加一些实用function到我的AngularJS应用程序。 例如： $scope.isNotString = function (str) { return (typeof str !== "string"); } 最好的方法来做到这一点，将它们添加为服务？ 从我读过的，我可以做到这一点，但是我想在我的HTML页面中使用这些，所以如果他们在服务中仍然有可能？ 例如，我可以使用以下内容： <button data-ng-click="doSomething()" data-ng-disabled="isNotString(abc)">Do Something </button> 有人可以给我一个如何添加这些的例子。 我应该创build一个服务还是有其他的方式来做到这一点。 最重要的是我希望这些实用function在一个文件中，而不是与主要设置的另一部分相结合。 我明白有几个解决scheme，但没有一个是如此清晰。 解决scheme1 – 由城市提出 $scope.doSomething = ServiceName.functionName; 这里的问题是我有20个function和10个控制器。 如果我这样做，这意味着要添加大量的代码到每个控制器。 解决scheme2 – 由我提出 var factory = { Setup: function ($scope) { $scope.isNotString = function (str) { return (typeof str !== "string"); } […]

$ routeParams在parsing函数中不起作用

我正在使用这种技术来加载数据。 所以我创build了以下parsing函数： NoteController.resolve = { note: function($routeParams, Note) { return Note.get($routeParams.key); } } 问题是$routeParams.key在resolve函数执行的时候是undefined的。 这是正确的/错误？ 我该如何解决？

如果绑定为null / Undefined（带filter），则为Angular Template默认值

我有一个模板绑定，使用Angular的datefilter显示一个名为“date”的模型属性，这是一个date。 <span class="gallery-date">{{gallery.date | date:'mediumDate'}}</span> 到现在为止还挺好。 但目前，如果date字段中没有值，则绑定不显示任何内容。 但是，如果没有date，我希望它显示string'各种'。 我可以使用二元运算符来获得基本的逻辑： <span class="gallery-date">{{gallery.date || 'Various'}}</span> 但是我不能让它与datefilter一起工作： <span class="gallery-date">{{gallery.date | date:'mediumDate' || "Various"}}</span> 如何在datefilter旁边使用二元运算符？