Tag: angularjs

将$ state（ui-router）注入$ http拦截器会导致循环依赖

我正在努力实现的 如果$ http请求返回401错误，我想转换到某个状态（login）。 因此我创build了一个$ http拦截器。 问题 当我试图在拦截器中插入'$ state'时，我得到一个循环依赖。 为什么以及如何修复？ 码 //Inside Config function var interceptor = ['$location', '$q', '$state', function($location, $q, $state) { function success(response) { return response; } function error(response) { if(response.status === 401) { $state.transitionTo('public.login'); return $q.reject(response); } else { return $q.reject(response); } } return function(promise) { return promise.then(success, error); } }]; $httpProvider.responseInterceptors.push(interceptor);

在AngularJS中格式化date时间

如何在AngularJS中正确显示date和时间？ 下面的输出显示了input和输出，有和没有AngularJSdatefilter： In: {{v.Dt}} AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}} 这打印： In: 2012-10-16T17:57:28.556094Z AngularJS: 2012-10-16T17:57:28.556094Z 所需的显示格式是2010-10-28 23:40:23 0400或2010-10-28 23:40:23 EST

在加载内容之后调用AngularJs事件

我有一个函数，我想调用页面内容后加载。 我读了$ viewContentLoaded，它不适合我。 我正在寻找类似的东西 document.addEventListener('DOMContentLoaded', function () { //Content goes here }, false); 上面的调用在AngularJs控制器中不适用于我。

AngularJS – 如何获得一个ngRepeat过滤的结果参考

我正在使用filter的ng-repeat指令，如下所示： ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" 我可以看到渲染效果很好; 现在我想在我的控制器上运行一些逻辑。 问题是如何获取结果项目的参考？ 更新： 只是澄清：我试图创build一个自动完成，我有这样的input： <input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query"> 然后过滤结果： <ul> <li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li> </ul> 现在我想浏览结果并select其中一个项目。

Angular.js ng-repeat跨越多个tr

我正在使用Angular.js的应用程序，使用隐藏的trs模拟滑出效果，通过显示tr并滑动在下面的td div。 当遍历这些行的数组时，这个过程使用了knockout.js，因为我可以在两个tr元素周围使用<!– ko:foreach –> 。 使用angular度， ng-repeat必须应用于html元素，这意味着我似乎无法使用标准方法重复这些双行。 我的第一个反应是创build一个指令来表示这些double trs，但是这只是因为指令模板必须有一个根元素，但是我有两个（ <tr></tr><tr></tr> ） 。 如果有任何有关ng-repeat和angular已经破解的经验的人可以解释如何解决这个问题，我会非常感激。 （我也应该注意到，附加ng-repeat到tbody是一个选项，但是这会产生多个tbodys，而且我认为这对于标准的HTML来说是不好的forms，虽然如果我错了，那么纠正我）

从其他控制器调用指令控制器中的方法

我有一个指令，有自己的控制器。 看下面的代码： var popdown = angular.module('xModules',[]); popdown.directive('popdown', function () { var PopdownController = function ($scope) { this.scope = $scope; } PopdownController.prototype = { show:function (message, type) { this.scope.message = message; this.scope.type = type; }, hide:function () { this.scope.message = ''; this.scope.type = ''; } } var linkFn = function (scope, lElement, attrs, controller) { }; […]

有没有对Angular JS指令的post rendercallback？

我刚刚得到我的指令拉入模板来追加到它的元素是这样的： # CoffeeScript .directive 'dashboardTable', -> controller: lineItemIndexCtrl templateUrl: "<%= asset_path('angular/templates/line_items/dashboard_rows.html') %>" (scope, element, attrs) -> element.parent('table#line_items').dataTable() console.log 'Just to make sure this is run' # HTML <table id="line_items"> <tbody dashboard-table> </tbody> </table> 我也使用一个名为DataTables的jQuery插件。 它的一般用法是这样的：$（'table＃some_id'）。dataTable（）。 你可以传入JSON数据到dataTable（）调用来提供表格数据，或者你可以在页面上已经有数据，剩下的就可以完成了。我正在做后者，在HTML页面上已经有了行。 但问题是，我必须调用表＃line_items AFTER DOM准备好dataTable（）。 上面的指令调用dataTable（）方法之前模板被附加到指令的元素。 有没有办法，我可以调用后附加function？ 感谢您的帮助！ 更新1后安迪的回答： 我想确保链接方法只会被调用AFTER一切都在页面上，所以我改变了一个小testing指令： # CoffeeScript #angular.module(…) .directive 'dashboardTable', -> { link: (scope,element,attrs) -> console.log […]

考虑将事件处理程序标记为“被动”，以使页面更具响应性

我正在使用锤子进行拖动，并且在加载其他内容时会变得不稳定，正如此警告消息告诉我的那样。 由于主线程繁忙，处理“touchstart”input事件被延迟了Xms。 考虑将事件处理程序标记为“被动”，以使页面更具响应性。 所以我试图像这样向听众添加“被动” Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); 但我仍然得到这个警告。

在编写AngularJs应用程序时，使用Jade或Handlebars有什么用处

我是全新的（ish）整个javascript全栈应用程序，并且对Angular来说是全新的，所以我希望有人能够把这个logging直接给我。 为什么在使用AngularJS编写客户端应用程序时，需要使用像Jade或Handlebars这样的模板框架。 我应该说，我从来没有使用任何这些模板框架。 所以我完全不熟悉这个优点。 但是当我看着Handlebars的时候，它和我在Angular中做的很多事情一样，比如循环等等。 据我所知，使用适当的HTML在Angular中创build模板，然后做所有的模板客户端，并将其与使用节点和mongo的API第一种方法相结合是最有意义的。 造成这种困惑的原因是我在GitHub上find的很多例子都使用了Jade，而这对我来说似乎是非常直观的。 请赐教，让我坐直。 我很想学习一些比我知道得多的人的最佳实践。 谢谢

$监视Angular指令中的数据更改

如何在Angular指令中触发一个$watchvariables来处理数据（例如，插入或删除数据），而不是将一个新的对象赋值给该variables？ 我有一个简单的数据集，目前正从JSON文件加载。 我的angular度控制器做到这一点，以及定义一些function： App.controller('AppCtrl', function AppCtrl($scope, JsonService) { // load the initial data model if (!$scope.data) { JsonService.getData(function(data) { $scope.data = data; $scope.records = data.children.length; }); } else { console.log("I have data already… " + $scope.data); } // adds a resource to the 'data' object $scope.add = function() { $scope.data.children.push({ "name": "!Insert This!" }); }; […]