javascript - md-checkbox 的行为类似于单选按钮 - AngularJS

标签 javascript angularjs angular-material

我正在尝试 md-checkbox 表现得像 Angular 1 中的单选按钮。我尝试使用以下代码,但不起作用。可能吗?

<md-checkbox class="md-primary" ng-model="color" name="color" ng-repeat="c in colors" ng-true-value="'{{c.id}}'" ng-false-value="">
    {{c.name}}
</md-checkbox>

提前致谢。

最佳答案

当您需要单选按钮时,不要使用复选框。如果您希望单选按钮具有复选标记,请将 md-checkbox 使用的相同类应用于单选按钮。

为了美观而使用错误的表单控件是一个非常糟糕的主意;有各种各样的可访问性问题,例如如何在移动设备上处理它们、盲人的屏幕阅读器等。这样想,如果您想要一个红色按钮,您可以将按钮样式设置为红色。在这种情况下,只需将 radio 设计得像支票一样。

关于javascript - md-checkbox 的行为类似于单选按钮 - AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45000557/

相关文章:

javascript - NodeJS + 套接字.io : simple Client/Server example not working

javascript - 将 fetch 包装在 promise 中有什么好处?

html - 使用 AngularJS 在侧边栏菜单中列出

javascript - ocLazyLoad 未加载 Controller ,如何修复?

angularjs - allowClear ="true"在 angular-ui 选择中不起作用

angular - md-tabs 使用代码转到 Angular 2 Material 设计中的选项卡

javascript - 将输入值传递给 $mdDialog

javascript - 当用户单击 font awesome 图标时删除按钮

angularjs - Angular Material md-input-container 不会在必填输入字段中添加星号 *

javascript - 如何从我链接的网站抓取网站图标并将其加载到我的网站上?