根据下拉值禁用指令

Question

我想根据另一个下拉菜单的选择禁用多选下拉指令。 这是第一个下拉菜单

    <div class="col-md-2 col-sm-2">
                                <label for="labelState">State</label>
                                <select id="zone" class="form-control btn btn-default"
                                        ng-disabled="!states"
                                        ng-model="currentState"
                                        ng-options="state as state for state in states"></select>
                            </div>

这是多选下拉菜单。

              `<div class="col-md-2 col-sm-2">
                                <div ng-controller="AppCtrl">
                                    <label for="ratingState">State</label>
                                    <div ng-dropdown-multiselect=""
                                         ng-disabled="currentState === 'Select State'"
                                         options="example14data"
                                         selected-model="example14model"
                                         checkboxes="true"
                                         extra-settings="example14settings">
                                    </div>                                       
                                </div>
                            </div>`

当我尝试禁用基于第一个下拉选择的简单按钮时，它工作正常，但同样的事情不适用于多选下拉指令。

                                  <input type="button" 
                                   ng-disabled="currentState === 'Select State'"                                      
                                   class="btn btn-primary btn-md" />

Answer 1

对于angularjs-dropdown-multiselect，要禁用下拉菜单，您必须使用 disabled 而不是 ng-disabled。

<div class="col-md-2 col-sm-2">
  <div ng-controller="AppCtrl">
    <label for="ratingState">State</label>
    <div ng-dropdown-multiselect=""
         disabled="currentState === 'Select State'"
         options="example14data"
         selected-model="example14model"
         checkboxes="true"
         extra-settings="example14settings">
    </div>
  </div>
</div>