So laden Sie benutzerdefinierte Komponenten dynamisch in div? Angular2

Question

ANGULAR2, Ich möchte alle meine benutzerdefinierte Komponente in eine HTML-Div basierend auf CustomComponentsList laden.

Mein aktuelles Szenario ist considor i

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

kundenspezifische Komponenten.

Ich habe in div als pro Zeile und Spalte Positionen wie

A B C 
    D E 
    F G H 

Answer 1

Dies könnte funktionieren

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