I am aware that Angular is used for generating HTML. Setting $scope.items to an array will cause to generate multiple LI items.
In my case, for every element of items, I would like to invoke a Javascript function. The Javascript then adds somthing to the DOM. is not allowed by Angular. What is the best way to invoke a javascript repeatedly using Angular?
Thanks, Yash
You can use ng-init directive wich will invoke custom function every ng-repeat iteration.
<li ng-repeat="member in members" ng-init="myFunc($index)">
{{member.mId}}
</li>
and in controller:
$scope.myFunc = function(index){
console.log(index);
}
ng-repeat directive! Just use usual iterator (for in or anggular.forEach).best is to use a directive and perform your javascript function's functionality in
link:
and whatever you want to insert in the DOM can go as plain html in the property of directive
template:
read about directives these are one of the most powerful features of angular
