Jak wymusić ponowne renderowanie komponentu w Angular 2?

Question

Jak wymusić ponowne renderowanie komponentu w Angular 2? Do celów debugowania pracy z Redux chciałbym zmusić składnik do ponownego renderowania jego widoku, czy to możliwe?

Answer 1

Rendering dzieje po wykryciu zmian. Aby wymusić wykrywanie zmian, tak że składnik wartości nieruchomości, które zmieniły się rozmnażane do DOM (a następnie przeglądarka będzie świadczyć te zmiany w widoku), oto kilka opcji:

• ApplicationRef.tick() - podobny do kątowa 1-$rootScope.$digest() - tzn. sprawdź pełne drzewo komponentów:
• NgZone.run(callback) - podobne do $rootScope.$apply(callback) - tj. sprawdź funkcję zwrotną wewnątrz strefy Angular 2. Myślę, ale nie jestem pewien, że to kończy się sprawdzanie pełnego drzewa komponentów po uruchomieniu funkcji zwrotnej.
• ChangeDetectorRef.detectChanges() - podobny do $scope.$digest() - to znaczy, sprawdź tylko tego składnika i jego dzieci

można wstrzyknąć ApplicationRef, NgZone lub ChangeDetectorRef do swojego urządzenia.

Dla konkretnego scenariusza polecam ostatnią opcję, jeśli zmienił się tylko jeden komponent.

Answer 2

TX, znalazł obejście mi potrzebne:

constructor(private zone:NgZone) { 
    // enable to for time travel 
    this.appStore.subscribe((state) => { 
     this.zone.run(() => { 
      console.log('enabled time travel'); 
     }); 
    }); 

działa zone.run zmusi komponent ponowne renderowanie