Жизненный цикл дочернего компонента в родительском компоненте

Question

У меня есть дочерний компонент в родительском компоненте. У меня вопрос: когда дочерний компонент будет отображаться в коде? Перед завершением функции в родительском объекте или после назначения оператора переменной. Пожалуйста, смотрите код ниже:

parent.component.html

<child-component *ngIf="show"> </child-component>

parent.component.ts

function(){
  this.show = true;
  this.anotherVariable = 5;
}

В приведенном выше коде, когда будет отображаться дочерний компонент? Как только выполняется оператор this.show = true; или после завершения функции (то есть после оператора this.anotherVariable = 5;).

Answer 1

Будет отображаться в следующем цикле обнаружения изменений после того, как show установлено на true.

Обычно , да, это означает, что сразу (ish) после изменения переменной.

Обнаружение изменений - большая тема, подробнее об этом здесь, но, в основном, изменяя любые связанные свойства в родительском объекте, вы, вероятно, вызываете детектор изменений, который уведомляет дочерний компонент об их новых значениях ( основная работа CD).

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

• https://blog.angular -university.io / как-делает-угловой-2-изменение-детектирования действительно-работа /
• https://blog.angularindepth.com/a-gentle-introduction-into-change-detection-in-angular-33f9ffff6f10
• https://medium.com/@bencabanes/angular-change-detection-strategy-an-introduction-819aaa7204e7