Я создаю управляемую шаблоном форму в Angular 6. (На самом деле, она почти завершена, но мне нужен еще один дополнительный функционал.)
Форма связана с вложенным объектом данныхкаждый подобъект обрабатывается соответствующим подкомпонентом.
Я бы хотел, чтобы компонент верхнего уровня был уведомлен о любых изменениях, которые вносятся в любой из подкомпонентов.
Один из известных мне способов состоит в том, чтобы индивидуально связывать события (change)
каждого элемента управления или входного компонента, используемого в любом из подкомпонентов формы, с обработчиком, который затем отправлял событие родительскому компоненту.;но это было бы чрезвычайно утомительно.
Есть ли лучший способ, учитывая, что на данный момент я не могу переписать всю форму для управления моделями или реализовать модель данных на основе NgRx?
Я пытался посмотреть на ngModelGroup
в надежде, что он предоставит уведомление, но ничего не получилось.
РЕДАКТИРОВАТЬ: я могу получить ссылку на директиву ngModelGroup
, но все ее свойства null
(в отличие от свойств ngForm
в верхней части, которые выглядят нормально).
РЕДАКТИРОВАТЬ # 2: я могу обойти нулевые атрибуты с помощью setTimeout()
: кажется, что ngModelGroup
требует дополнительного галочки для подключения к родительской форме.