Komponentenaktualisierung/render wird ausgelöst

Question

Ich habe einen Dienst, der einige Daten asynchron erhält. Es verursacht die Komponente zu rendern oder so denke ich. Es gibt nur eine console.log in der Auflösung des Versprechens. Warum verursacht dies das Rendern?

constructor(private viewService: viewService) { 
    console.log('[MyView component] construction started'); 

    viewService.getData(1).then(function(result) { 
     console.log('[MyView component] got data from service!'); 
    }); 

    console.log('[MyView component] construction complete!'); 
} 

Fehler:

ERROR TypeError: Cannot read property 'myViewProperty' of undefined 
    at Object.eval [as updateDirectives] (MyViewComponent.html:23) 
    at Object.debugUpdateDirectives [as updateDirectives] (core.es5.js:12806) 
    at checkAndUpdateView (core.es5.js:12144) 
    at callViewAction (core.es5.js:12507) 
    at execComponentViewsAction (core.es5.js:12439) 
    at checkAndUpdateView (core.es5.js:12150) 
    at callViewAction (core.es5.js:12507) 
    at execEmbeddedViewsAction (core.es5.js:12465) 
    at checkAndUpdateView (core.es5.js:12145) 
    at callViewAction (core.es5.js:12507) 

Answer 1

Eine Vermutung Sie myViewProperty von der Promise/Observable der Fertigstellung gesetzt ... Versuchen On Init zu implementieren und tut so:

import { OnInit } from '@angular/core'; 
export class EventSelectionSearchComponent implements OnInit, OnDestroy { 


    constructor(private viewService: viewService) { 
    } 

    ngOnInit(): void { 
     this.viewService.getData(1) 
     .then(data => { 
      this.myViewProperty = data; 
     }); 
    } 

    [ ... ] 

} 

Die Komponente Eingaben, Ausgaben oder Argumente sind möglicherweise nach dem Aufruf des Konstruktors nicht verfügbar. Auf der anderen Seite, ngOnInit ein Lebenszyklus-Haken von Angular2 genannt, um anzuzeigen, dass Angular ist die Schaffung der Komponente getan.