I am trying to trigger test() using ng-click but it's not working. The test() function works with ng-click elsewhere though, so I am assuming that it has to do with the fact that it is an ng-repeated directive.
How do I fix this?
-
@CodeNashor Hover over the words withing the calendar days. they turn blue. You should be able to click them to trigger the function.Nate May– Nate May2016-02-22 20:59:38 +00:00Commented Feb 22, 2016 at 20:59
Add a comment
|
3 Answers
Your directive is using isolated scope, so it don't have access to it parent scope.
You need to pass the method to directive from its isolated scope using &
<div ng-repeat="day in thisMonth track by $index">
<drop-target index="$index" day="day" method="test()"></drop-target>
</div>
Directive
angular.module('app.directives.dropTarget', [])
.directive('dropTarget', function() {
return {
restrict: 'E',
scope: {
day: '=',
index: '=',
method: '&'
},
templateUrl: "calDay.html",
controller: function($scope) {
// not sure what this is
}
};
});
Directive template
<div class="dayExercise" ng-repeat="item in day.array" ng-click="method()">
{{item}}
</div>
1 Comment
Eigi
You are really fast, but I am faster :D
You need to defint the "test" function in directive's controller (right where you wrote "//don't know what is this")
1 Comment
Frane Poljak
or even better, as suggested in other answers, pass the reference to the function from parent scope
Updated: http://plnkr.co/edit/mKnX6qpxQBy20JMssWHa?p=preview
scope: {
day: '=',
index : '=',
funcOnClick: '&'
}
Your problem is a $scope problem. You have to pass the function to your directive.