In AngularJS, I have a ng-repeat for . Now what I want to do -
On ng-repeat, I want to do ng-init like
<tr ng-repeat="blah in blah" ng-init($event) />
The $event works fine with ng-click($event). How to do the same for ng-init?
2 Answers
In HTML
<tr ng-repeat="blah in blahs" ng-init="$last && done()" />
Inside your controller
function myControllerFunc($scope, $element){
$scope.done= function(){
//do something with $element
}
}
4 Comments
anand patil
you mean you can handle the elemetn suing $element?
Cyril Cherian
yes $element will be the element to which the controller is bound.
anand patil
But ng-init does not work because ng-init is called before the ng-repeat finishes. Now how?
Cyril Cherian
Yes your correct ng-init will be called initially, check my edit above does this fix your problem? Now done will be called after the last is encountered
In ng-init cannot exists $event. Use a directive.
<div ng-app="myApp" ng-controller="myCtrl">
<input type="text" my-ng-init="myFunc"><br>
</div>
<script>
var app = angular.module('myApp', []);
app.directive('myNgInit', function() {
return {
scope: {
myNgInit: '&'
},
link: function(scope, element, attributes) {
scope.myNgInit()(element);
}
};
});
app.controller('myCtrl', function($scope) {
$scope.myFunc= function($element) {
console.log($element);
}
});
</script>
$element