Aurelia 대화 상자에서 viewModel에 대한 경로를 만드는 방법은 무엇입니까?

Question

Aurelia 대화 상자를 여는 경우 일반적으로 viewModel을 전달합니다.

현재이 방법을 사용하고 있지만 경로가 하드 코딩되지 않은 경우 더 좋을 것입니다.

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

차라리 그냥이 오류가 구성 요소에 대한 Routes.js를 추가하고 그것을 사용하려고하면 경로

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

처럼 뷰 모델의 경로를 참조 할 것 :

Uncaught (in promise) Error: Cannot determine default view strategy for object.

그렇다면이 기능을 추가하려면 무엇을 추가해야합니까? 어떤 종류의 사용자 정의보기 전략?

Answer 1

당신은 당신의 클래스로 대화 상자를 import과 같이 사용할 수 있습니다 : (약속을) catch되지 않은 오류 : '모듈을 찾을 수 없습니다 ./604

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 
     }); 
    } 
}