AngularJS：在按钮上使用带有$ scope值的指令来更新模型

Question

我想设计AngularJS的最佳实践，但我是全新的。我目前有一个$ scope函数，我想转移到一个指令。我应该吗？

我有一个表格，其中显示了DB表格的概述，该表格点击打开到模态输入表单，包含数据库行的每个字段。我希望能够单击一个按钮并从表中删除当前焦点的行。

我已经构建了REST API来处理删除请求，我在模态控制器中有一个工作的remove（）函数。

我怎么能/我应该把它移到指令？

当前工作代码：控制器

$scope.remove = function() {
    var request = {
        type : $scope.type,
        id : $scope.row.id
    }
    console.log(request);
    $.post("Remove", request).success(function(data) {
        console.log(data);
        for (i = $scope.tableData.length - 1; i >= 0; i--) {
            if ($scope.tableData[i].id == $scope.row.id)
                $scope.tableData.splice(i, 1);
            $uibModalInstance.dismiss('cancel');
        }           
    }).error(function(data) {
        console.log(data);
    });

};

HTML：

<button type="button" id="updateChanges" class="btn btn-danger"
    ng-click='remove()' data-dismiss="modal">Delete</button>

在我的脑海中，该按钮没有“点击”按钮，但是“删除条目”按下了“按钮”。 attribute，这是一个完成与remove（）现在相同的指令。