javascript - Angular Material $mdDialog.confirm 具有超过 "OK"和 "Cancel"选项

Question

我必须在 Angular Material 中构建一个 $mdDialog 窗口，以便用户可以从不同的操作中进行选择。根据所选操作，应用程序将生成新报告或加载现有报告，或者完全取消对话框。问题是确认 $mdDialog 只有内置的 .ok 选项和 .cancel 选项，如果你查看 Angular Material 网站上的文档(我附上了一个打印屏幕，其中包含来自该网站的演示代码片段)。

$mdDialog confirm demo code

现在我的问题是:如何向 $mdDialog 窗口添加多个操作选项。另外，如何将功能与 Controller 中的这些选项联系起来？例如，如果您选择“生成新报告”，那么某个服务会触发，但如果您选择“显示以前的报告”，则会触发另一个服务。抱歉，如果这是一个初学者问题，但我觉得我又没有完全掌握在这种情况下应用的正确 AngularJS 逻辑。

Answer 1

您可以为确认对话框使用自定义模板。

var confirm = $mdDialog.confirm({
      controller: DialogController,
      templateUrl: 'dialog1.tmpl.html',
      parent: angular.element(document.body),
      targetEvent: ev,
    })
    $mdDialog.show(confirm).then(function() {
      $scope.status = 'Confirm resolved';
      $scope.codeRunningBeforeResolve = 'code only runs after resolve';
    });

Codepen