指令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);
                    }

            }

        }

    });

Answer 2

使用范圍而不是$ scope

.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);
                }
            });
        }
    }
});