Question

我正在使用xeditable角度指令。你能告诉我如何使用2个取消按钮吗？ B'cos我需要在其上实现2个功能。我的意思是cancel + my work 1和cancel + my work 2。提前谢谢。

HTML

<form editable-form name="tableform" onaftersave="saveTable()" oncancel="cancel()">

//UI code here

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

</form>

JS

// cancel all changes
  $scope.cancel = function() {

  };

JSFiddle

Answer 1

您可以在表单中有2个取消按钮，并将表单作为属性传递。然后在相应的取消函数中，您可以调用表单。$ cancel然后执行您的逻辑。 form.$cancel执行与调用ng-click="tableform.$cancel()"相同的工作。

使用它进行游戏：Plunker

  //html
  <button type="button" ng-disabled="tableform.$waiting" ng-click="cancel1(tableform)" class="btn btn-default">cancel 1</button>
  <button type="button" ng-disabled="tableform.$waiting" ng-click="cancel2(tableform)" class="btn btn-default">cancel 2</button>

  //controller
  $scope.cancel1 = function(tableForm) {
    // Call tableForm cancel to reset
    tableForm.$cancel();
    //Logic1
  };

  $scope.cancel2 = function(tableForm) {
    // Call tableForm cancel to reset
    tableForm.$cancel();
    //Logic2
  };

Answer 2

实际上你应该能够控制取消按钮的功能。如果仔细查看代码，您将看到它们，它们只是创建一些按钮并根据当前表单状态显示或隐藏它们（表单。$ visible）

做这样的事情。

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

这是example

2 Xeditable角度指令上的取消按钮

2 个答案: