Возможно ли вручную создать компонент в угловом 2

Question

В угловом 2 можно вручную создать экземпляр компонента A, затем передать его и отобразить в шаблоне компонента B?

Answer 1

Да, это поддерживается. Вам нужен ViewComponentRef, который можно, например, получить, вставив его в конструктор или с помощью запроса @ViewChild('targetname') и ComponentResolver, который также может быть введен.

Этот пример кода из https://stackoverflow.com/a/36325468/217408 позволяет, например, добавлять компоненты динамически *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(); 
    }  
    } 
}