如何將自定義組件動態加載到div？ Angular2

ANGULAR2, 我想將所有我的自定義組件加載到基於customComponentsList的html div中。如何將自定義組件動態加載到div？ Angular2

我的實際情況是considor我有

A(0-row,0-column),B(0,1),C(0,2),D(1,0),E(1,1),F(2,0), G(2,1), H(2-row,2-column))

自定義組件。

我有一個像

A B C 
    D E 
    F G H

來源

2016-10-20 Dileep Kumar Kottakota

聽起來像http://stackoverflow.com/questions/ 36325212/angular-2-dynamic-tabs-with-user-click-chosen-components/36325468＃36325468 –

這與Angular 2有什麼關係？聽起來很像純粹的CSS問題。 –

謝謝@GünterZöchbauer，真的很有幫助，我有一個疑問，我怎麼能加載組件行，列positioin在dom –

按行和列位置在div來顯示這可能會實現

<div #target x="0" y="0"></div> 
<div #target x="1" y="0"></div> 
<div #target x="2" y="0"></div> 

<div #target x="0" y="1"></div> 
<div #target x="1" y="1"></div> 
<div #target x="2" y="1"></div> 

<div #target x="0" y="2"></div> 
<div #target x="1" y="2"></div> 
<div #target x="2" y="2"></div>

@ViewChildren('target', {read: ViewContainerRef}) targets: QueryList<ViewContainerRef>; 

// this.targets is not filled before `ngAfterViewInit()` was called 
addComponent(x, y) { 
    let t = this.targets(y * 3 + x); 
}

來源

2016-10-20 10:12:38

我使用你的答案'http://stackoverflow.com/questions/37656742/how-to-use-ngfor-to-display-the-data-as-matrix'。 –

–

如何將自定義組件動態加載到div？ Angular2

回答

相關問題