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

角度单选按钮[关闭]

radio-button angular

user8385766 · 技术社区 · 6 年前

我有一组三个单选按钮,它们是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 回复 | 直到 4 年前

user6749601 user6749601 6 年前

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

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

这应该可以。

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前