angular.js - 如何在指令里使用ng-click

问题描述

问 题

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

        }
    }
}]);

如上，定义了一个指令partload，期望传入属性值cancelFunc，绑定ng-click事件,html结构：

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

控制器中定义了一个stop方法：

$scope.stop = function () {
            alert(1)
}

然而并不会触发，为啥呢？如何解决呢？

解决方案

谢邀

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

这篇关于angular.js - 如何在指令里使用ng-click的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！