Angular 2 Dynamisches Laden von Komponenten ngOnChanges lifecycle hook call

Question

Ist das erwartete Verhalten, dass ngOnChanges lifecycle hook nicht aufgerufen wird, wenn dynamische Komponenten geladen werden? Nur der Konstruktor, ngOnInit und ngAfterViewInit werden für mich aufgerufen. Nach der docs sollte es jedoch vor ngOnInit aufgerufen werden.

Ich lade die Komponente wie folgt aus:

@ViewChild('place', { read: ViewContainerRef }) container: ViewContainerRef; 

    private componentRef: ComponentRef<MyLoggerComponent>; 

    constructor(private componentFactoryResolver: ComponentFactoryResolver) { } 

    ngAfterViewInit() { 
    const componentFactory: ComponentFactory<any> = this.componentFactoryResolver.resolveComponentFactory(MyLoggerComponent); 
    this.componentRef = this.container.createComponent(componentFactory); 
    this.componentRef.changeDetectorRef.detectChanges(); 
    } 

Plunker

Answer 1

Nach Diskussion https://github.com/angular/angular/issues/8903 dynamischen Komponenten Laden nicht ngOnChanges in geordnete Komponente auslösen soll auch nach detectChanges Aufruf, weil dieses Ereignis nur für eine Vorlage reserviert Bindungen.

Wenn Ihre untergeordnete Komponente nur auf dynamische Weise geladen wird, können Sie anstelle von ngOnChanges Javascript-Setter verwenden. Hier ist das Beispiel:

export class DynamicallyLoadedComponent { 
    private _property: string; 
    get property(): string { return this._property; } 
    set property(newVal: string) { 
    if (this._property === newVal) { return; } 
    this._property = newVal; 

    this.onChanges(); // instead of ngOnChanges 
    } 
}