角度单选按钮[关闭]答案

【问题标题】：Angular radio button [closed]角度单选按钮[关闭]
【发布时间】：2018-09-23 08:27:36
【问题描述】：

我有一组三个单选按钮，它们是 Angular 4 中表单组的三个表单控件。我希望一次只选择其中一个，我必须给其中三个指定一个通用名称，但同时这样做我收到一条错误消息：

错误：如果您在单选按钮上同时定义了 name 和 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 分配给所有三个，因为它们应该是唯一的。我该怎么办？

【问题讨论】：

欢迎来到 Stack Overflow！ Stack Overflow 不是一个讨论论坛，它是一个问答网站，您可以在其中提出可以回答而不是讨论的特定编程问题。请阅读How do I ask a good question? 和What topics can I ask about here?，然后编辑您的问题以符合站点指南。诸如此类的离题问题通常会关闭，但如果经过编辑以提出可回答问题，则可以再次重新打开。谢谢。

标签： angular radio-button

【解决方案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>

应该这样做。

【讨论】：