具有不同保存选项的 Angular 材质对话框表单

Question

我正在尝试在 mdDialog 中保存表单数据，但使用（保存并关闭）对话框和（保存）选项将保存表单数据，然后打开另一个对话框空对话框，而无需关闭并再次打开 mdDialog，问题是如何为两个保存操作以相同的形式调用相同的 SaveData 函数？

$scope.saveData = function (isValid) {
        if (isValid) {
          updateservice.postdata($scope.myformdata)
            .then(function (data) {
              $mdDialog.hide();
            });
      // error handling
        } 
      };

在模板中：

<md-dialog>
  <form name="form" ng-submit="saveData(form.$validform)" novalidate>
    <md-dialog-content>
      <div class="md-dialog-content">
        <div>
        </div>
        <table class="table display" border="1" span="1" name="newForm" novalidate role="form" ng-style="{ width: th.width }">
           </tr>
          <tr>
            <td><input type="text" class="form-control text-center" placeholder="required"  ng-required="true"></td>
            <td><input type="text" class="form-control text-center" placeholder="optional" ng-required="true"></td>
          </tr>
        </table>
      </div>
    </md-dialog-content>
    <md-dialog-actions layout="row">
      <md-progress-circular md-mode="indeterminate" md-diameter="20px" class="spinner"></md-progress-circular>
      <button type="button" class="btn btn-primary" ng-click="save()" >Save</button> 
      <button type="submit" class="btn btn-primar">Save and close</button> 
      <button type="button" class="btn btn-default" ng-click="cancel()" ng-disabled="loading">Cancel</button>
      </md-dialog-actions>
  </form>
</md-dialog>

我用类型按钮更改了保存按钮不发布表单数据，并且更改类型以提交，如保存和关闭保存数据，然后打开和关闭对话框。

这是带有我的代码的codePen：

https://codepen.io/anon/pen/ZqoYRx

Answer 1

如何在保存函数中传递一个类似 isSaveAndClose 的参数：

在 HTML 中：

<button type="button" class="btn btn-primary" ng-click="save(false)" ng-show="!loading">Save</button> 
<button type="button" class="btn btn-primar" ng-click="save(true)">Save and close</button>

在 JS 中：

$scope.save = function (isSaveAndClose) {
      saveData();
      if (isSaveAndClose)
        $mdDialog.hide().then(showCustomConfirm);
    };