Я просматривал документ angular.io (Реактивные формы синхронны ), пытаясь понять реактивные формы (как они синхронны, а формы, управляемые шаблонами, являются асинхронными).
Но в документе недостаточно объяснений с примерами. Может ли кто-нибудь помочь мне понять, как формы, управляемые шаблонами, являются асинхронными, а реактивные формы - синхронными?
Я пытался изучить множество блогов в Интернете, но не получил ответа.
Любая помощь приветствуется.
Внимательно прочтите эту строку в той же документации:
Реактивные формы являются синхронными (поскольку вы создаете элементы управления из кода). В реактивных формах вы создаете все дерево элементов управления формы в коде. Вы можете сразу обновить значение или перейти к потомкам родительской формы, потому что все элементы управления всегда доступны.
Формы на основе шаблонов являются асинхронными (поскольку делегируют задачу создания элемента управления) Формы, управляемые шаблонами, делегируют создание своих элементов управления формой директивам. Чтобы избежать ошибок «изменено после проверки», этим директивам требуется более одного цикла для построения всего дерева управления. Это означает, что вы должны подождать паузу, прежде чем манипулировать какими-либо элементами управления из класса компонента.
В шаблоне, управляемом вами, напишите [NgModel] или [NgForm] (директивы), которые возьмут на себя задачу создания вашего элемента управления на веб-странице в html, таким образом он становится асинхронным.
Если вы прикрепили крючок ngAfterViewInit lifecycle hook, вы легко найдете разницу между ними,
В реактивных формах вы найдете контроль, в то время как в шаблоне от вас нет.
