Question

我需要使用Angular.js multipledropdown.js只读所有复选框。我的代码如下：

<div class="col-md-6" ng-show="sub_sub_menu">
<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right oditek-form" style="width:180px">Sub Sub Menu:</span>
<div ng-dropdown-multiselect="" options="example17data" selected-model="example17model" checkboxes="true" extra-settings="example17settings" class="form-control oditek-form" disabled=true></div>
    </div>
</div>

var url3='../service/admin/user/group.php';
        var method3='POST';
        var data3=$.param({'action':'getAllSubSubMenuData','sub_id':$scope.smenu.value,'id':$scope.mmenu.value});
        $scope.example17data=[];
        DataService.connectToServerSideScript(method3,url3,data3)
        .then(function(response) {
            //console.log('state',response);
            if (response.length >0) {
                angular.forEach(response,function(obj){
                    var cdata={'label':obj.menu,'id':obj.id};
                    $scope.example17data.push(cdata);
                })
                angular.forEach(response,function(obj){
                    var data1={'id':parseInt(obj.id)};
                    $scope.example17model.push(data1);
                })
                $scope.sub_menu=true;
                $scope.sub_sub_menu=true;
            }else{
                $scope.sub_menu=true;
                $scope.sub_sub_menu=false;
            }
        },function(error) {

        })

在这里，我使用多个下拉复选框列表，并且默认情况下选中所有复选框。在这里，我需要只读所有复选框，以使其无法更改。

Answer 1

要使其只读，您必须禁用这些选项。要禁用它们，您需要向对象添加禁用的属性。请尝试以下操作

var cdata={'label':obj.menu,'id':obj.id,disabled: true};

如何在Angular.js中使用multipledropdown.js将复选框设置为只读

1 个答案: