在 Aurelia Dialog 中，如何为 viewModel 创建路由？

Question

当打开 Aurelia 对话框时，您通常会向它传递一个 viewModel。

这就是我目前的做法，但如果路径没有在这里硬编码会更好。

            let lookupResponse = await this.dialogService.open(
            {
                model:
                {
                    configuration: this.LookupConfiguration
                    caption: 'Select an item'
                },
                viewModel: 'App/Components/Lookup/LookupDialog'
            });

我宁愿能够像路由一样引用 viewModel 路径

            let lookupResponse = await this.dialogService.open(
            {
                model:
                {
                    configuration: this.LookupConfiguration
                    caption: 'Select an item'
                },
                viewModel: App.routes.components.lookupdialog
            });

如果你只是为组件添加一个 Routes.js 并尝试使用它，你会得到这个错误：

未捕获（承诺中）错误：无法确定默认视图策略 对象。

那么需要添加什么才能使其正常工作？某种自定义视图策略？

Answer 1

您可以import 将对话框添加到您的课程中并像这样使用它们：

import { LookupDialog } from "app/components/lookup/lookup-dialog.ts";

export class Foo {
  bar() {
    let lookupResponse = await this.dialogService.open(
       {
         model:
         {
           configuration: this.LookupConfiguration
           caption: 'Select an item'
         },
         viewModel: LookupDialog
       });
  }
}