javascript - 自定义X可编辑(AngularJS)的取消代码按钮

当用户添加新行并单击“取消”按钮(不放入任何数据)时，是否可以删除该行？
否则如何更改取消按钮代码，因为该代码使用了angularJS的默认xeditable代码(或者如果行为空，该如何调用delete函数？)

这是EXAMPLE。

取消按钮的 HTML :

最佳答案

您可以调用自己的函数。为此，您应该像这样更改html:

<button type="button" ng-disabled="rowform.$waiting"

        ng-click="cancelAdvice(rowform, $index)"

        class="btn btn-default">
        cancel
</button>

如您所见，存在一个新函数，该函数具有表单和当前索引作为参数。在您的 Controller 中，您必须定义以下功能:

$scope.cancelAdvice = function(rowform, index){
   console.log(rowform, index);
   $scope.removeUser(index);
   rowform.$cancel();
}

现在您可以做自己的事情，如果完成，可以调用$ cancel形式。