問(wèn)題描述

return {restrict: ’E’,replace: true,scope: { cancelFunc: ’&’},template: ’<section class='part-load'>’+ ’<p class='part-text'>正在加載</p>’+ ’<p ng-click='cancelFunc'></p>’+ ’</section>’,link: function (scope, elem, attrs) {} }}]);

如上，定義了一個(gè)指令partload，期望傳入屬性值cancelFunc，綁定ng-click事件,html結(jié)構(gòu)：

<partload cancel-func='stop()'></partload>

控制器中定義了一個(gè)stop方法：

$scope.stop = function () { alert(1)}然而并不會(huì)觸發(fā)，為啥呢？如何解決呢？

問(wèn)題解答

謝邀

在線示例的地址：https://plnkr.co/edit/LBb4dN7...跟你唯一不同的地方ng-click='cancelFunc()'

謝邀

我也弄個(gè)在線例子好了：https://embed.plnkr.co/SirYJd...

試試這樣

return {restrict: ’E’,replace: true,scope: { cancelFunc: ’&’},template: ’<section class='part-load'>’+ ’<p class='part-text'>正在加載</p>’+ ’<p ng-click='_cancelFunc()'></p>’+ ’</section>’,link: function (scope, elem, attrs) { scope._cancelFunc = function(){// 這里可以寫一些指令內(nèi)部邏輯scope.cancelFunc({id: 1}); // { id : 1 } 傳參 }} }