Tag: angularjs

将variables传递给Angular Directive: 如果我有一个指令myDir ，我在ng-repeat调用它，像这样ng-repeat <my-dir myindex="{{$index}}"></my-dir> 我怎样才能访问myindex ？当我在postLink函数中使用attrs.myindex时，我得到实际的string{{$index}} 。当我检查HTML，它实际上说myindex="2" 。

如何在AngularJS中用ng-repeatdynamic生成ng-model =“my _ {{$ index}}”？: 我想问你是否可以帮我一把。我在这里创build了一个我的问题jsfiddle。我需要使用ng-model =“my _ {{$ index}}”方式在ng-repeater中dynamic生成一些带有ng-model的input。在jsfiddle中，你可以看到它的一切工作正常，直到我试图dynamic生成它。该html将是： <div ng-app> <div ng-controller="MainCtrl"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <select ng-model="selectedQuery" ng-options="q.name for q in queryList" > <option title="—Select Query—" value="">—Select Query—</option> </select> </td> </tr> <tr ng-repeat="param in parameters"> <td>{{param}}:</td> <td><input type="text" ng-model="field_X" />field_{{$index}}</td> </tr> </table> <div> <div> 和JavaScript … function MainCtrl($scope) { $scope.queryList […]

为什么要使用Express而不是AngularJS？: 据我所知，Express存放在服务器上，而Angular存在于客户端，但据我所知，Angular可以做Express所能做的一切，路由与数据库进行交互这似乎可能需要快递为了一个AngularJS应用程序由Node.js服务，但我不知道。那么，将Express添加到AngularJS应用程序有什么好处？

如何检查模块是否存在，而不会引发错误？: 在Angular 1.2中， ngRoute是一个独立的模块，所以你可以使用其他社区路由器，比如ui.router 。我正在编写一个开放源代码模块，旨在为多个不同的路由器实现工作。那么如何检查哪个路由器被加载或存在？我在我的模块中的一个工厂内部正在做以下工作，但它不按照我所期望的方式工作： if (angular.module("ngRoute")) // Do ngRoute-specific stuff. else if (angular.module("ui.router")) // Do ui.router-specific stuff. 它会引发一个错误，无论哪个模块没有加载。例如，如果应用程序使用的是ui.router ，那么ngRoute检查会引发以下错误：未捕获的错误：[$ injector：nomod]模块'ngRoute'不可用！您拼写错误的模块名称或忘记加载它。如果注册一个模块，确保你指定依赖关系作为第二个参数。

Angular.js $ http拦截“net :: ERR_CONNECTION_REFUSED”: 我试图用$http'的拦截器为我的网站编写一个通用的error handling程序，但他们似乎无法做我想做的事情。我在'response'和'responseError'放置了拦截器，但是当服务器离线/不响应时（net :: ERR_CONNECTION_REFUSED），它们不会被调用。我明白为什么会发生这种情况，对拦截没有反应。我想知道是否有捕获这些错误的通用方法，除了听每个请求$httpPromise的errorcallback。

如何从chrome控制台angular度访问$ scopevariables: 如何从chrome的控制台访问范围variables小部件 function MyCntrl($scope) { $scope.widgets = [ {text:'Widget #1', datarow:1, datacol:1, datasizex:3, datasizey:3}, {text:'Widget #2', datarow:2, datacol:1, datasizex:3, datasizey:3}, {text:'Widget #3', datarow:1, datacol:2, datasizex:3, datasizey:3}, {text:'Widget #4', datarow:2, datacol:2, datasizex:3, datasizey:3} ]; 像$ scope.widgets的东西根本不在控制台中工作！

AngularJS中的$ http Auth头文件: 我有一个angular色应用程序正在击中节点API。我们的后端开发者已经在API上实现了基本的身份validation，我需要在我的请求中发送一个auth头文件。我已经查明： $http.defaults.headers.common['Authorization'] = 'Basic ' + login + ':' + password); 我试过了： .config(['$http', function($http) { $http.defaults.headers.common['Authorization'] = 'Basic ' + login + ':' + password); }]) 以及直接附加到请求： $http({method: 'GET', url: url, headers: {'Authorization': 'Basic auth'}})}) 但没有任何工作。如何解决这个问题？

窗口大小调整指令: 我试图resize，当窗口调整后，环顾四周，似乎使用指令是最好的解决scheme。模板： <div elHeightResize ng-view ng-style="{ height: windowHeight }"></div> 指示： myApp.directive('elheightresize', ['$window', function($window) { return { link: function(scope, elem, attrs) { scope.onResize = function() { var header = document.getElementsByTagName('header')[0]; elem.windowHeight = $window.innerHeight – header.clientHeight; } scope.onResize(); angular.element($window).bind('resize', function() { scope.onResize(); }) } } }]) 虽然我可以在scope.onResizeloggingelem.windowHeight ，但它似乎并不适用于ngStyle 我还可以俯视吗？编辑： <div ng-view resize style="height: {{ windowHeight }}px"> […]

Angularjs：如何在$ routeProvider中使用'resolve'时显示加载图标？: 以下代码通过服务读取，并在网页上显示特定“页面类别”（string）的“页面”对象列表。使用$ routeProvider.when（）中的resolve对象属性，我可以推迟更新视图，直到新值准备就绪。两个问题：当要求一个新的页面列表，我想显示一个加载图标。当从服务器开始读取（并且应该显示加载图标）时，如何检测（以非黑客的方式）事件？我想我可以在服务中做一些像$（'。pages-loading-icon'）。show（），但是发现太过于依赖于服务的GUI。当新的价值准备好了，我希望旧的淡出，新的淡入。什么是“angular”的方式来做到这一点？我试图在控制器中使用$ watch来做到这一点，但是这会导致在淡出开始前不久显示新的值。代码： app.js： $routeProvider.when('/:cat', { templateUrl: 'partials/view.html', controller: RouteCtrl, resolve: RouteCtrl.resolve}); controllers.js： function RouteCtrl($scope, $routeParams, pages) { $scope.params = $routeParams; $scope.pages = pages; } RouteCtrl.resolve={ pages: function($routeParams, Pages){ if($routeParams.hasOwnProperty('cat')){ return Pages.query($routeParams.cat); } } } services.js：读取的最后一页存储在currentPages中，并在lastCat中存储它的类别。 factory('Pages', function($resource, $q, $timeout){ return { res: $resource('jsonService/cat=:cat', {}, { query: […]

Angular – 使用自定义方法扩展$ resource子对象: 在大多数情况下， <custom-resource>.query()方法的结果是一个数组，可以使用以下（工厂）代码轻松扩展一些方法（业务逻辑）： var Data = $resource('http://..'); Data.prototype.foo = function() {return …}; 这是使用ng-repeat / ng-class的最佳select，如下所示： <tr ng-repeat="item in responseData" ng-class="{warning: item.foo()}">..</tr> 我的问题是，每个列表响应封装在一个对象，除了实际的列表，有一些元属性（sorting信息等），所以返回的最后一个对象是这样的： { order_field: "name", items: [{..}, {..},{..}] } 现在，我如何使用ng-repeat / ng-class来做同样的事情呢？ <tr ng-repeat="item in responseData.items" ng-class="????">..</tr> 之前的方法将不起作用，因为“foo”方法是在responseData上定义的，而不是在item对象上定义的有没有办法直接扩展用于实例化列表中的对象的基类？谢谢！