用作自定义组件时如何为单选按钮实现 ngModel（双向绑定）？

Question

我有一个用于单选按钮的自定义组件，使用：NG_VALUE_ACCESSOR 我将单选按钮嵌入父组件并尝试将 ngModel 和 required 属性传递给它，但它不起作用。

所有用例和代码都可以在这里找到：DEMO

直接在父组件中使用的单选按钮没有将它们实现为自定义子组件，工作正常。

知道我哪里出错了吗？我是否必须使用 ngModelChange() 中提到的

Answer 1

将此属性添加到您的输入中

[value]='rdOption'

它不起作用，因为您没有指定组中每个单选按钮的值。

并且当你改变你的价值时也会调用改变函数。将此添加到您的输入中。

(change)='propagateChange(rdOption)'

当您更改值时，应通知表单控件。这就是您注册 onChange 函数的原因。这就是表单控件和您的组件之间交互的桥梁。