Как принудительно перепрофилировать компонент в угловом 2?

Question

Как заставить повторный рендеринг компонента в угловом 2? Для целей отладки, работающих с Redux, я хотел бы заставить компонент повторно отобразить его представление, возможно ли это?

Answer 1

рендеринга происходит после обнаружения изменений. Для того, чтобы заставить обнаружения изменений, так что компонент значения свойств, которые изменились получить распространяющееся в DOM (а затем браузер отображает эти изменения в представлении), вот несколько вариантов:

• ApplicationRef.tick() - аналогичны Угловой 1-х $rootScope.$digest() - т. е. проверить полное дерево компонентов
• NgZone.run(callback) - аналогично $rootScope.$apply(callback) - т. е. оценить функцию обратного вызова внутри зоны углового 2. Я думаю, но я не уверен, что это завершает проверку полного дерева компонентов после выполнения функции обратного вызова.
• ChangeDetectorRef.detectChanges() - аналогично $scope.$digest() - то есть проверить только этот компонент и его потомков

Вы можете впрыснуть ApplicationRef, NgZone или ChangeDetectorRef в компонент.

Для вашего конкретного сценария я бы рекомендовал последний вариант, если изменился только один компонент.

Answer 2

ТЕ, нашел обходной путь мне нужно:

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

работает zone.run вынудит компонент для повторной визуализации