angular.js - Bagaimana untuk menggunakan sudut untuk membuat kotak semak dipilih tunggal supaya hanya satu boleh dipilih?

Question

Bagaimana untuk menggunakan sudut untuk membuat kotak pilihan dipilih tunggal supaya hanya satu boleh dipilih?

Seperti yang ditunjukkan dalam gambar, berikut ialah pilihan kotak semak dalam jadual:

<td width="30" style="text-align: left"><input
                            type="checkbox" ng-model="checkboxes.items[item.bookingId]" name="flag" ng-click="updateSelection(item.bookingId,checkboxes.items)"/></td>

Jika ia dilaksanakan dalam pengawal objek, ia hanya boleh dipilih secara tunggal Bagaimana pula dengan memilih satu? ?

Answer 1

kotak semak ialah kotak semak, sila gunakan radio

untuk pilihan tunggal

Answer 2

Cuba yang ini

<p ng-controller="MyCtrl">
    <p ng-repeat="item in list">
        <label><input type="checkbox" ng-model="item.checked" ng-change="onChange(item)">{{item.name}}</label>
    </p>
</p>

.controller('MyCtrl', function ($scope) {
    $scope.selected = '';
    $scope.list = [
        {id: 1, name: 'xxx'},
        {id: 2, name: 'yyy'},
        {id: 3, name: 'zzz'}
    ];

    $scope.onChange = function (item) {
        if (item.checked) {
            if (!$scope.selected) $scope.selected = item;
            if ($scope.selected !== item) item.checked = false;
        } else {
            $scope.selected = '';
        }
    }
});