md-checkbox单一检查角度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')">

这是一个小提琴：https://jsfiddle.net/d2fev8ey/33/