必須のダイアログで作業する場合、コンポーネントのパラメータはどのように指定しますか？

Question

デモページに示すように、不可欠ダイアログでの作業：

let pDialog = this.dialogService.showCustomDialog({ 
    component: LoginDialogComponent, 
    providers: [{provide: TEST_VALUE, useValue: 'Just an example'}], 
    isModal: true, 
    styles: {'width': '350px'}, 
    clickOutsideToClose: true, 
    enterTransitionDuration: 400, 
    leaveTransitionDuration: 400 
}); 

私はLoginDialogComponentの引数を提供するにはどうすればよい、それはいくつかの必要があるの？これも可能ですか？予め

おかげで、このユースケースのためのいくつかのコードが既に存在する例で

C

Answer 1

。

providers: [{provide: TEST_VALUE, useValue: 'Just an example'}],

あなたはLoginDialogComponentのコンストラクタに文字列Just an exampleを注入するためにこれを使用することができます。あなたはTEST_VALUE次のように初期化する必要が前に

は：

constructor(@Inject(TEST_VALUE) private myValue: string) {} 

それとも代わり

：

const TEST_VALUE = new OpaqueToken("test_value"); 

を次に、あなたが値を取得するには、この方法であなたのコンポーネントのコンストラクタを拡張することができますあなたはオブジェクトを渡すこともできます。これは次のようになります。

providers: [{provide: TEST_VALUE, useValue: <IMyDialogArgs>{ 
    foo: "foo", 
    bar: 0 
}}],