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

Question

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

这是 EXAMPLE .

取消按钮的

HTML:

      <button type="button" ng-disabled="rowform.$waiting" ng-click="rowform.$cancel()" class="btn btn-default">
        cancel
      </button>

Answer 1

您可以调用自己的函数。为此，您应该像这样更改您的 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 表单。