Как реализовать ngModel (двухстороннее связывание) для переключателей при использовании в качестве пользовательского компонента?

Question

У меня есть пользовательский компонент для переключателей, использующий: NG_VALUE_ACCESSOR Я встраиваю переключатели в родительский компонент и пытаюсь передать значения ngModel и required приписывают ему, но он не работает.

Все варианты использования и код можно найти здесь: DEMO

Переключателиработают напрямую в родительском компоненте, не реализуя их как пользовательский дочерний компонент, работают нормально.

Есть идеи, где я ошибаюсь?Нужно ли использовать использовать ngModelChange(), как указано в ответе на этот вопрос

Answer 1

Добавьте этот атрибут к вашему входу

[value]='rdOption'

Это не работает, потому что вы не указали значение каждой радиокнопки в вашей группе.

А также вызовите функцию изменения при изменении значения. Добавьте это к вашему входу.

(change)='propagateChange(rdOption)'

При изменении значения элемент управления формы должен быть уведомлен. Вот почему вы регистрируете функцию onChange. Вот как мост между элементом управления формы и вашим компонентом взаимодействует друг с другом.