我正在开发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
作为对话框打开。
我正在考虑的方法是将任意参数传递给它,如果该参数为true,则状态为对话,否则为非对话:
const dialog = this.dialogService
.open({ viewModel: PLATFORM.moduleName('features/view/tree/tree'), model: {isDialog: true}, lock: false });
但是我认为也许还有更好的方法可以做到这一点。例如,从DialogService询问我是否是对话框。那么还有哪些其他解决方案,哪个更好呢?
要确定您是否有打开的(或活动的)对话框,可以向DialogService
询问相关字段:
this.dialogService.hasOpenDialog
this.dialogService.hasActiveDialog
可悲的是,这不能告诉您哪个对话框已打开。我认为您将参数传递给模型的想法是同样有效的方法。
我曾考虑过不同的解决方案,我正在寻求保持较低的耦合度并防止定义新的参数。因此,我在下面的代码中编写了我想知道该组件是否作为对话框打开的代码:
attached() {
this._isDialog = this.dialogController.settings;
}