Tag: angularjs

如何深入观察angularjs中的数组？: 在我的范围内有一个对象数组，我想看每个对象的所有值。这是我的代码： function TodoCtrl($scope) { $scope.columns = [ { field:'title', displayName: 'TITLE'}, { field: 'content', displayName: 'CONTENT' } ]; $scope.$watch('columns', function(newVal) { alert('columns changed'); }); } 但是当我修改这些值时，例如我把TITLE改为TITLE2 ， alert('columns changed')从不popup。如何深入观察数组内的对象？有一个现场演示： http : //jsfiddle.net/SYx9b/

npm / yeoman安装generator-angular没有sudo: 我试图使用哟（ Yoeman ）没有sudo安装generator-angularjs： npm install -g generator-angular 我得到： Error: EACCES, mkdir '/usr/lib/node_modules/generator-angular' 当我inputsudo yo ，哟告诉我，我不应该使用sudo（这是完全可以理解的）。我有一个~/node_modules目录 – 为什么不在那里安装它的包呢？

将$ scope注入angular度服务函数（）: 我有一个服务： angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id == null) { //if this […]

Jinja2模板引擎可以使用Angular吗？: 我有一个Flask站点，我想使用Angular JavaScript框架。不幸的是，似乎分隔符重叠。如果同时使用双花括号（ {{ expr }} ），我如何在Jinja2中使用Angular？这甚至有可能吗？

ng-model，ng-repeat和input很难: 我试图让用户通过使用ngRepeat和ngModel编辑项目列表。然而，我尝试过的两种方法都导致了奇怪的行为：一种不更新模型，另一种模糊每个keydown上的表单。我在这里做错了什么？这不是一个支持的用例吗？这里是从小提琴的代码，复制方便： <html ng-app> <head> <link href="../../../twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet"> </head> <body ng-init="names = ['Sam', 'Harry', 'Sally']"> <h1>Fun with Fields and ngModel</h1> <p>names: {{names}}</p> <h3>Binding to each element directly:</h3> <div ng-repeat="name in names"> Value: {{name}} <input ng-model="name"> </div> <p class="muted">The binding does not appear to be working: the value in the model is not […]

使用templateUrl进行unit testingAngularJS指令: 我有一个定义了templateUrl的AngularJS指令。我正在用Jasmine进行unit testing。我的茉莉花JavaScript看起来像下面，根据这个build议： describe('module: my.module', function () { beforeEach(module('my.module')); describe('my-directive directive', function () { var scope, $compile; beforeEach(inject(function (_$rootScope_, _$compile_, $injector) { scope = _$rootScope_; $compile = _$compile_; $httpBackend = $injector.get('$httpBackend'); $httpBackend.whenGET('path/to/template.html').passThrough(); })); describe('test', function () { var element; beforeEach(function () { element = $compile( '<my-directive></my-directive>')(scope); angular.element(document.body).append(element); }); afterEach(function () { element.remove(); }); it('test', […]

如何在Angular中使用$ rootScope来存储variables？: 如何使用$rootScope将variables存储在控制器中，我想稍后在另一个控制器中访问？例如： angular.module('myApp').controller('myCtrl', function($scope) { var a = //something in the scope //put it in the root scope }); angular.module('myApp').controller('myCtrl2', function($scope) { var b = //get var a from root scope somehow //use var b }); 我将如何做到这一点？

是否有可能使用Angular进行树视图？: 我正在寻找在Web应用程序中显示树形结构中的数据。我希望使用Angular来完成这个任务。看起来像ng-repeat将允许我遍历节点列表，但是如何在给定节点的深度增加时进行嵌套？我尝试了下面的代码，但HTML的自动转义正在阻止这个工作。另外，结束ul标签是在错误的地方。我很确定，我正在以完全错误的方式解决这个问题。有任何想法吗？

链接vs编译vs控制器: 在创build指令时，可以将代码放入编译器，链接函数或控制器中。在文档中，他们解释说：编译和链接function用于angular度循环的不同阶段控制器在指令之间共享不过，对于我来说还不清楚，哪种代码应该到哪里去。例如：我可以在编译过程中创build函数，并将它们连接到作用域中，或者只将函数附加到控制器的作用域中？控制器如何在指令之间共享控制器，如果每个指令都可以拥有自己的控制器？控制器是真的共享还是只是范围属性？

在AngularJS中编写指令时，如何决定是否不需要新的范围，新的子范围或新的隔离范围？: 我正在寻找一些指导方针，可以帮助您确定在编写新指令时使用哪种types的范围。理想情况下，我想要一个类似于stream程图的东西，通过一系列的问题，并popup正确的答案 – 没有新的范围，新的子范围或新的隔离范围 – 但这可能要求太多。这是我目前微不足道的准则：如果要使用该指令的元素使用ng-model，则不要使用隔离范围请参阅我是否可以使用具有隔离范围的ng模型？和为什么格式化程序不能使用独立的作用域？如果指令不修改任何作用域/模型属性，则不要创build新的作用域如果指令封装了一组DOM元素（文档中提到“一个复杂的DOM结构”），并且该指令将作为一个元素使用，或者在同一元素上没有其他指令，那么隔离范围似乎工作正常。我知道，在一个元素上使用隔离作用域的指令会强制在同一个元素上的所有其他指令使用相同（一个）隔离作用域，所以当隔离作用域可以被使用时，这不会严重限制吗？我希望有一些来自Angular-UI团队（或者其他写了很多指令的团队）可以分享他们的经验。请不要添加一个简单的说“使用隔离作用域作为可重用组件”的答案。