Question

我有一组三个单选按钮，它们是Angular 4中表单组的三个表单控件。我只想要一次选择其中一个，我必须给它们三个共同的名字，但是这样做我得到一个错误说：

错误：如果在单选按钮上定义名称和formControlName属性，则为其值必须匹配。

<html>
    <form [formGroup]="myGroup">
    <input type="radio" formControlName="food" name="food">
    <input type="radio" formControlName="food" name="food">
    <input type="radio" formControlName="food" name="food">
    </form>
</html>

我不能给所有三个提供相同的表单控件名称，因为它们应该是uinique。

Answer 1

您必须为每个人设置一个唯一值

<html>
    <form [formGroup]="myGroup">
    <input type="radio" formControlName="food" name="food" value="banana" checked>
    <input type="radio" formControlName="food" name="food" value="strawberry">
    <input type="radio" formControlName="food" name="food" value ="nut">
    </form>
</html>

应该这样做。

角度单选按钮

1 个答案: