angular.js - How to use ng-click in directive

Question

{code...} As above, an instruction partload is defined, expecting the attribute value cancelFunc to be passed in, binding the ng-click event, html structure: {code...} A stop method is defined in the controller: {code.. .} However, it does not trigger, why? How to solve it?

黄舟 · Answer

Thanks for the invitation

The address of the online example: https://plnkr.co/edit/LBb4dN7...
The only difference from young-click="cancelFunc()"

迷茫 · Answer

Thanks for the invitation

I also made an online example: https://embed.plnkr.co/SirYJd...

Try this

return {
        restrict: 'E',
        replace: true,
        scope: {
            cancelFunc: '&'
        },
        template: ''
        + '正在加载'
        + ''
        + '',
        link: function (scope, elem, attrs) {
            scope._cancelFunc = function(){
                // 这里可以写一些指令内部逻辑
                scope.cancelFunc({id: 1}); // { id : 1 } 传参
            }
        }
    }

But it doesn’t trigger, why? How to solve it?