代码之家 › 专栏 › 技术社区 › user8385766

角度单选按钮[关闭]

radio-button angular

3

user8385766 · 技术社区 · 8 年前

我有一组三个单选按钮,它们是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>

我不能给同样的 formControlName 因为它们应该是独一无二的。我该怎么办?

1 回复 | 直到 5 年前

1

5

user6749601 user6749601 8 年前

您必须为它们中的每一个设置唯一的值

<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>

这应该可以。