使用Angular重复Javascript

Question

我知道Angular用于生成HTML。将$ scope.items设置为数组将导致生成多个LI项。

就我而言，对于每个项目元素，我想调用一个Javascript函数。然后，Javascript将一些东西添加到DOM中。 Angular不允许。使用Angular重复调用javascript的最佳方法是什么？

谢谢， 佳日

Answer 1

您可以使用ng-init指令，它将每ng-repeat次迭代调用自定义函数。

<li ng-repeat="member in members" ng-init="myFunc($index)">
    {{member.mId}}   
</li>

并在控制器中：

$scope.myFunc = function(index){
   console.log(index);
}

http://jsfiddle.net/FuvRQ/1/

Answer 2

最好使用指令并在

中执行javascript函数的功能

link:

以及您想要在DOM中插入的任何内容都可以在指令

的属性中作为普通html

template:

阅读有关指令，这些是角度

最强大的功能之一