Question

我有一个AngularJS multiselect

<div class="col-xs-12 col-sm-3 nobottommargin" id="multiSelect">
   <div class="nobottommargin multiselect-btn">
     <multiselect class="selectStates" data-ng-model="selectedStates" options="options" id-prop="code" display-prop="state" show-search="true" search-limit="50" select-text="Location" data-ng-change="onChange('state')"  ng-disabled=true></multiselect>
     <!--<input type="text" class="form-control input-lg not-dark" value="" placeholder="Where">-->
   </div>
</div>

我无法通过应用css属性来禁用它。我是AngularJS的新手，所以我很感激任何帮助。感谢。

Answer 1

我已经尝试了它并且有效

<multiselect disabled="true"></multiselect>

Answer 2

试试这个如果你需要这个，这将禁用所有的多选，即用户将无法点击它们。

            <div class="col-xs-12 col-sm-3 nobottommargin" id="multiSelect">
               <div class="nobottommargin multiselect-btn" style="pointer-events:none">
                 <multiselect class="selectStates" data-ng-model="selectedStates" options="options" id-prop="code" display-prop="state" show-search="true" search-limit="50" select-text="Location" data-ng-change="onChange('state')"  ng-disabled=true></multiselect>
                 <!--<input type="text" class="form-control input-lg not-dark" value="" placeholder="Where">-->
               </div>
            </div>

如何禁用AngularJS多选？

2 个答案: