傳遞更多數據@input angular 2

如何將多個組件切換到另一個組件？我需要使用「雙向數據綁定」。傳遞更多數據@input angular 2

我嘗試以下方法：

<app-drawer-menu [popup]="getPopupInstance" [appHeader]="getAppHeaderInstance"></app-drawer-menu> 


export class DrawerMenuComponent implements OnInit { 


    @Input() private popup: DialogLoginSignupComponent; 
    @Input() private appHeader: AppHeaderComponent; 

    ....

我需要去「DrawerMenuComponent」組件「DialogLoginSignupComponent」和「AppHeaderComponent」

這不起作用。我錯在哪裏？

thx！

來源

2017-07-08 Maurizio Rizzo

目前還不清楚你想要做什麼 –

你想要什麼具體？ – alehn96

輸入是爲了將數據傳遞給子組件。不是其他組件的實例。這就是我所能說的，因爲我同意Maximus：目前還不清楚你想要做什麼。 –

如果您想這樣做，您必須使用服務並將組件類名稱傳遞給您的子組件。然後，使用ComponentFactoryResolver來創建這樣的組件：

let factory = this.cfr.resolveComponentFactory(MyComponent); 
this.cmp = this.modalBody.createComponent(factory);

如果您想了解更多詳細信息，請查找文件modal.component.ts這裏：Github link

來源

2017-07-08 16:37:50

傳遞更多數據@input angular 2

回答

相關問題