javascript - 如何在 Angular 指令中调用我自己的函数？

Question

我想在我的 Angular Directive(指令)中调用“myFunc()”，我该怎么做？

myApp.directive("test", function () {
 return {
   restrict: 'A',
     template: "<div class='box'></div>",
     myFunc: function() {
                console.log('myFunc');
       },
     link: function ($scope, element, attrs) {

         element.bind('click', function () {
               myFunc(); //<------------- doesn't work
       });
     }
    } // of return
});

Answer 1

您不能在调用指令中将函数定义为返回值的属性。它需要在返回之前定义:

myApp.directive('test', function() {
    var myFunc = function() {
        console.log('myFunc');
    };

    return {
        restrict: 'A',
        template: '<div class="box"></div>',
        link: function($scope, element, attrs) {
            element.bind('click', myFunc);
        }
    };
};

或者在 link 函数中以同样的方式进行操作。