Angular 单选按钮

标签 angular radio-button

关闭。这个问题需要details or clarity .它目前不接受答案。












想改善这个问题吗?通过 editing this post 添加详细信息并澄清问题.

3年前关闭。




Improve this question




我有一组三个单选按钮,它们是 Angular 4 中表单组的三个表单控件。我希望一次只选择其中一个,为此我必须给其中的三个一个通用名称,但在这样做时我得到一个错误说:

Error: If you define both a name and a formControlName attribute on your radio button, their values must match.

<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对所有三个,因为它们应该是独一无二的。我该怎么办?

最佳答案

你必须为他们每个人设置一个唯一的值

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

这个应该可以。

关于 Angular 单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49809186/

相关文章:

javascript - 根据输入操作可重用组件

javascript - jQuery 关于单选按钮的更改事件

javascript - 选择后如何禁用所有单选按钮?

css - 如何仅使用 CSS 更改 Chrome 和 Firefox 中单选按钮边框的颜色?

jquery - 使用jquery更新onSelect()

C# MVC 在同一行制作html单选按钮

node.js - 使用 Angular2 quickstart 运行 npm start 会导致错误(lite-server?)

angular - 在不使用::ng-deep、/deep/或 >>> 组合器的情况下设置第三方组件样式的正确方法是什么?

angular - 在一个 Express 应用程序中提供多个 Angular Universal 应用程序

angular - 如果 CORS header ‘Access-Control-Allow-Origin’ 是 ‘*’,则不支持凭据