Как связать ngForm и ngModel из разных компонентов (angular 2)?

Question

[Dmitry Shnyrev]

К меня есть родительский компонент (скажем FormComponent) который содержит подчиненные компоненты (InputComponent в котором уже содержится сам input с ngModel). Получается что форма размазана по компонентам. Как связать их вместе? То что я сейчас вижу что родительская форма никак не реагирует на события из ипнутов (ng-untouched ng-pristine ng-valid).

Comments

[Alexander Belov]

А что именно должно взаимодействовать в родительском компоненте с детьми?

[Dmitry Shnyrev]

Alexander Belov: наоборот, дети должны влиять на родителя. Если точнее то я меняю что-то в input, а form в родительском компоненте не меняется с ng-untouched на ng-touched и с ng-valid на ng-invalid

[Alexander Belov]

Dmitry Shnyrev: На Plunker можешь выложить нерабочий фрагмент?

[Dmitry Shnyrev]

Alexander Belov: Да, сейчас попробую

[Dmitry Shnyrev]

Alexander Belov:
https://plnkr.co/edit/Hx9MzYyJaF9swa7PfY8T?p=preview
вот вроде получилось воспроизвести

Answer 1

[Dmitry Shnyrev]

На stakeoverflow подсказали использовать ControlValueAccessor
https://angular.io/docs/ts/latest/api/forms/index/...
https://blog.thoughtram.io/angular/2016/07/27/cust...

Answer 2

[SergeyBugai]

Просто передаете form.controls инпут параметром в свой кастомный компонент и там его юзаете