УГЛОВОЙ | СТРАТЕГИЯ ОБНАРУЖЕНИЯ ИЗМЕНЕНИЙ

Стратегия обнаружения изменений Angular OnPush: иллюстрированное руководство

Стратегия обнаружения изменений OnPush от Master Angular с помощью этого иллюстрированного руководства.

Ах, обнаружение изменений — магия, которая заставляет приложения Angular тикать в буквальном смысле.

Для тех, кто не знаком с этим термином, это процесс, посредством которого Angular обнаруживает изменения. (да)

Вы знаете… проверка того, изменилось ли состояние приложения и нужно ли обновить какой-либо DOM.

Это может произойти двумя способами, которые называются стратегиями:

  • стратегия Default и
  • стратегия OnPush.

В этой статье мы изучим две стратегии обнаружения изменений Angular. Мы будем использовать иллюстрации, чтобы объяснить, как эти два метода работают. К концу этой статьи вы узнаете, как стратегия OnPush работает в самых разных сценариях.

Давайте начнем!

Символы и их значение

Данное руководство содержит несколько иллюстраций с символами. Итак, прежде чем мы углубимся в саму тему, давайте сначала познакомимся с символами и их значением.

В приложении Angular компоненты образуют древовидную иерархию, известную как дерево компонентов. Каждый компонент является узлом этого дерева.

Мы изобразим узел компонента в зависимости от того, какую стратегию он использует, следующим образом:

Далее мы изобразим узел, отправляющий событие (привязку события, привязку вывода или @HostListener), выполняющий обнаружение изменений или получающий входные данные (через привязку шаблона) следующим образом:

Это все, что мы собираемся использовать. Довольно просто, правда?

Что ж, вы всегда можете вернуться, чтобы быстро взглянуть, если вам понадобится освежить знания.