md-checkbox 单签入 angular js

Question

我在 md-checkbox 上有问题。
我需要使用单选支票，但我做不到。
我将 md-radio-button 用于分组，但我不想使用单选按钮。

下面是我的代码：

<ul>
    <li>
        <md-checkbox ng-model="data1"  aria-label="Checkbox 1">
            Full Time
        </md-checkbox>
    </li>
    <li>
        <md-checkbox ng-model="data2" aria-label="Checkbox 1">
            6AM - 12 PM
        </md-checkbox>
    </li>
    <li>
        <md-checkbox ng-model="data3" aria-label="Checkbox 1">
            12PM - 9PM
        </md-checkbox>
    </li>
</ul>

谁能帮帮我。

Answer 1

我认为您想要的是 md-radio-group 功能但带有复选框。

为此，您可以使用 ng-true-value、ng-false-value 和更改处理程序（以确保至少选中一个复选框）：

<md-checkbox ng-model="data" ng-true-value="'data1'" ng-false-value="false" ng-change="!data && (data='data1')">

这是一个 fiddle ：https://jsfiddle.net/d2fev8ey/33/

md-checkbox 单签入 angular js

md-checkbox single check in angular js

angularjs

angularjs-directive