Ist es möglich, Komponente in Winkel 2 manuell zu instantiieren 2

Question

In Winkel 2, ist es möglich, eine Komponente A manuell instanziieren, dann herumreichen und in der Vorlage der Komponente B rendern?

Answer 1

Ja, das wird unterstützt. Sie benötigen eine ViewComponentRef, die zum Beispiel durch Injizieren in den Konstruktor oder unter Verwendung einer @ViewChild('targetname') Abfrage und einer ComponentResolver, die auch injiziert werden kann, erworben werden kann.

Dieses Codebeispiel aus https://stackoverflow.com/a/36325468/217408 ermöglicht beispielsweise Komponenten dynamisch SO mit *ngFor

@Component({ 
    selector: 'dcl-wrapper', 
    template: `<div #target></div>` 
}) 
export class DclWrapper { 
    @ViewChild('target', {read: ViewContainerRef}) target; 
    @Input() type; 
    cmpRef:ComponentRef; 
    private isViewInitialized:boolean = false; 

    constructor(private resolver: ComponentResolver) {} 

    updateComponent() { 
    if(!this.isViewInitialized) { 
     return; 
    } 
    if(this.cmpRef) { 
     this.cmpRef.destroy(); 
    } 
    this.resolver.resolveComponent(this.type).then((factory:ComponentFactory<any>) => { 
     this.cmpRef = this.target.createComponent(factory) 
    }); 
    } 

    ngOnChanges() { 
    this.updateComponent(); 
    } 

    ngAfterViewInit() { 
    this.isViewInitialized = true; 
    this.updateComponent(); 
    } 

    ngOnDestroy() { 
    if(this.cmpRef) { 
     this.cmpRef.destroy(); 
    }  
    } 
}