javascript - 从 Directive AngularJS 调用函数

Question

我正在尝试调用指令内的函数。这是一个 html:

<span class="delete-link">
    <delete></delete>
    <input type="button" data-ng-click="removeRow(task)"/>
</span>

这是指令:

.directive('delete', function() {
        return {
            restrict: 'E',
            replace: true,
            template: '<div></div>',
            link: function(scope, element) {
                element.click(function(){
                    $scope.removeRow = function (task) {
                        $scope.tasks.splice($scope.tasks.indexOf(task), 1);
                    }
                });
            }
        }
    });

这是我使用的示例:

http://jsfiddle.net/mrajcok/T96Zu/

但它不会删除元素。我缺少什么？

Answer 1

.directive('delete', function() {

      return {

            restrict: 'E',
            replace: true,
            template: '<div></div>',

            link: function(scope ,element) {

                    scope.removeRow = function (task) {
                        scope.tasks.splice(scope.tasks.indexOf(task), 1);
                    }

            }

        }

    });