3

我正在开发一个 aurelia 应用程序。我有一个组件（它是一个整页组件并且是可导航的），并且在另一个页面中，我想使用这个组件作为提示让用户从该页面中进行选择。所以我写了下面的代码来按预期打开它：

selectTaskFromTree(callbackOrSuccess, failure) {
    const dialog = this.dialogService
      .open({ viewModel: PLATFORM.moduleName('features/view/tree/tree'), model: {}, lock: false });

    if (callbackOrSuccess) {
      if (failure) {
        dialog.whenClosed(response => {
          if (!response.wasCancelled) {
            callbackOrSuccess(response.output);
          } else {
            failure(response);
          }
        });
      }
      else{
        dialog.whenClosed(callbackOrSuccess);
      }
      return;
    }
    else{
      return dialog;
    }
  }

所以组件Tree现在已成功加载并显示。现在的问题是如何确定是否TreeComponent作为对话框打开。

我正在考虑的方式是将任意参数传递给它，如果参数为真，则状态为对话框，否则不是对话框：

  const dialog = this.dialogService
      .open({ viewModel: PLATFORM.moduleName('features/view/tree/tree'), model: {isDialog: true}, lock: false });

但我认为也许还有更好的方法来做到这一点。例如从 DialogService 询问我是否是一个对话框。那么其他解决方案是什么，哪个更好？

4

2 回答 2

1

要确定您是否有一个打开（或活动）DialogService的对话框，您可以询问相关字段：

this.dialogService.hasOpenDialog
this.dialogService.hasActiveDialog

遗憾的是，这无法告诉您打开了哪个对话框。我认为您将参数传递给模型的想法是一种同样有效的方法。

于 2020-01-20T10:56:27.397 回答
1

我已经考虑过不同的解决方案，并且我正在寻求保持低耦合并防止定义新参数。所以我写了下面的代码，我想知道这个组件是否作为对话框打开：

  attached() {
    this._isDialog = Boolean(this.dialogController.settings);
  }
于 2020-01-21T06:28:51.120 回答