angular.js - 如何在指令里使用ng-click
阿神
阿神 2017-05-15 17:12:06
0
2
544
    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)
}

然而并不会触发,为啥呢?如何解决呢?

阿神
阿神

闭关修行中......

全員に返信(2)
黄舟

ご招待ありがとうございます

オンライン例のアドレス: https://plnkr.co/edit/LBb4dN7...
あなたとの唯一の違いng-click="cancelFunc()"

いいねを押す +0
迷茫

ご招待ありがとうございます

オンラインの例も作成しました: https://embed.plnkr.co/SirYJd...

これを試してください

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート