angularjs将属性中新创建的数组传递给指令
我创建了这个小提琴来显示我的问题…
http://jsfiddle.net/dQDtw/
我正在将一个新创建的数组传递给指令，并且一切正常。但是，在控制台窗口中出现错误，指示：
Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
对我需要按摩以清洁它的任何想法吗？我希望能够重用指令，而无需更新控制器。
这是HTML
<body ng-app="myApp">
<test-dir fam-people='[1,4,6]'> </test-dir>
<test-dir fam-people='[2,1,0]'> </test-dir>
</body>
这是JS。
var myApp = angular.module（’myApp’，[]）;
myApp.directive('testDir', function() {
return { restrict: 'E'
, scope: { famPeople: '=famPeople' }
, template: "<ol> <li ng-repeat='p in famPeople'> {{p}}"
};
});
问题答案：
该错误是因为您的指令无法将数组解释为数组，请尝试以下操作：
<body ng-app="myApp" ng-controller="ctrl1">
<test-dir fam-people='people'> </test-dir>
</body>
var myApp = angular.module('myApp', []);
myApp.directive('testDir', function() {
return { restrict: 'E'
, scope: { famPeople: '=' }
, template: "<ol> <li ng-repeat='p in famPeople'> {{p}}"
};
});
控制器和指令：
myApp.controller("ctrl1",function($scope){
$scope.people=[1,4,6];
});
编辑
或者您可以将其作为属性传递并解析为数组：
<body ng-app="myApp" >
<test-dir fam-people='[1,4,6]'> </test-dir>
</body>
指示：
var myApp = angular.module('myApp', []);
myApp.directive('testDir', function() {
return { restrict: 'E',
//scope: { famPeople: '=' },
template: "<ol> <li ng-repeat='p in people track by $index'> {{p}}",
link:function(scope, element, attrs){
scope.people=JSON.parse(attrs.famPeople);
}
};
});
见小提琴。
-
问题内容： 通过指令的属性将数组传递给指令时，我目前遇到问题。我可以将其读取为字符串，但是我需要将其作为数组，所以这是我想出的，但是不起作用。帮助任何人？提前 Javascript ：： HTML ：： 问题答案： 如果要从您的作用域访问此数组，即加载到控制器中，则只需传递变量名称即可： 指示： 模板：
-
问题内容： 我想知道是否有一种方法可以将参数传递给指令？ 我想做的是从控制器添加一个指令，如下所示： 是否可以同时传递一个参数，以便我的指令模板的内容可以链接到一个作用域或另一个作用域？ 这是指令： 如果我想使用相同的指令但使用$ scope.title2怎么办？ 问题答案： 这是我解决问题的方法： 指示 控制者 现在，我可以通过同一指令使用不同的作用域，并动态附加它们。
-
问题内容： 我有以下指令： 这是对象结构： 我希望它根据对象内部的数据生成一个链接。 不幸的是，由于我无法访问该对象的任何内部值，因此它不起作用，但是如果我将其传递给一个简单的数据结构，例如： 我可以使用访问它。 这是我的指令代码： 谢谢 问题答案： 在Angularjs官方网站上阅读说明： @或@attr- 将本地范围属性绑定到DOM属性的值。由于DOM属性是字符串，因此结果始终是字符串。如果未
-
问题内容： 这里有角的新手。我试图找出将对象传递给指令时出了什么问题。 这是我的指令： 这是我调用指令的模板： 是一组对象。 当我运行此，日志，而日志罚款的范围，甚至有一个与所有的数据，我找孩子。 我不确定我在这里做错了什么，因为这种确切的方法以前对我有用。 编辑： 我已经用所有必需的代码创建了一个插件：http ://plnkr.co/edit/uJCxrG 如您所见，该作用域在范围中可用，但我
-
问题内容： 我有一个属性指令，其限制如下： 我需要传递两个属性；一个数字和一个函数/回调，使用对象在指令中访问它们。 如果指令是元素指令，那么我可以限制为： 但是，出于某种原因，我不再赘述，我需要将该指令作为属性指令。 如何将多个属性传递到属性指令中？ 问题答案： 该指令可以访问在同一元素上定义的任何属性，即使该指令本身不是该元素也是如此。 模板： 指示： 如果attribute的值将被硬编码，则
-
问题内容： 看看这个小提琴，我必须更改什么，才能使用我在HTML中定义的参数来评估模板中的表达式？因为我通过了SAVE按钮，所以它应该调用控制器的- function？ 我看不出来。感谢帮助！ 问题答案： 您可以按照Roy的建议设置两种方式的数据绑定。因此，如果您既想要又绑定到本地范围，则可以 由于要传递这些值，因此可以在指令的控制器中访问它们。但是，如果您想在父作用域的上下文中运行一个函数，这似