When I click on my HTML img, ng-click doesn't work. I don't understand why. This error happens in masonryPictureView.html
Main page - home.html
<ng-masonry>
<ng-picture ng-items="projectdescription.pictures"></ng-picture>
</ng-masonry>
Template of directive ngPicture - masonryPictureView.html
<ul class="grille">
<li ng-repeat="item in ngItems">
<img ng-click="test()" src="{{item.img}}"/> <------ NG-CLICK
</li>
</ul>
Directive in home.html
app.directive('ngMasonry', [function () {
return {
restrict: 'E',
scope: {},
transclude: true,
templateUrl: "shared/masonry/masonryView.html",
controller: function ($scope) {
xxxxxxxxx......
},
}
}])
app.directive('ngPicture', ['$modal', '$log', function ($modal, $log) {
return {
require: "^ngMasonry",
restrict: 'E',
scope: {
ngItems: '=ngItems'
},
templateUrl: "shared/masonry/masonryPictureView.html",
link: function (scope, element, attrs, ngMasonryCtrl) {
ngMasonryCtrl.setPictures(scope.ngItems);
},
controller: function ($scope) {
$scope.test = function () < -- -- - function call in NG - CLICK {
console.log("toto");
}
}
}
}])
ngclickand wrap your image instead. – Wayne Ellery May 23 '15 at 1:11},at the end of thefirst directive's controller:isn't causing any issues right? thirdly, can you check to see if it reaches thesecond directive's controller:function by placing aconsole.logjust above$scope.test, lastly, would you need torestrict: EAfor thesecond directive? – Shehryar Abbasi May 23 '15 at 2:31