Bileşenin yeniden oluşturulmasında Angular 2'de nasıl zorlanır?

Question

Bileşenin yeniden oluşturulmasında Angular 2'de nasıl zorlanır? Redux ile çalışmak için hata ayıklama amacıyla, bileşenini yeniden görüntülemeye zorlamak isterim, bu mümkün mü?

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

çalışan zone.run

Answer 1

Rendering değişimi algılama sonra olur yeniden işlemek için bileşeni zorlar:

Answer 2

tx, ben gerekli geçici çözümü buldum. DOM yayılır olsun değişmiştir bileşen özellik değerleri (ve ardından tarayıcı görünümünde bu değişiklikleri oluşturulacaktır), böylece değişim algılama zorlamak için, burada bazı seçenekler şunlardır:

• ApplicationRef.tick() - Eğik 1'ler $rootScope.$digest() benzer -
• NgZone.run(callback) tam bileşen ağacını kontrol edin - $rootScope.$apply(callback)'a benzer - yani, Angular 2 bölgesinde geri arama işlevini değerlendirin. Sanırım, ama emin değilim, bu geri çağırma işlevini yürüttükten sonra tam bileşen ağacını kontrol etmeyi bitiriyor.
• ChangeDetectorRef.detectChanges()
- $scope.$digest() benzer - yani sen ApplicationRef, NgZone veya ChangeDetectorRef bileşeniniz enjekte sadece bu bileşeni ve bunun çocukları

kontrol edin.

Özel senaryonuz için, yalnızca tek bir bileşen değiştiyse son seçeneği öneririm.