無法禁用多選下拉菜單

Question

嗨，我是AngularJs的新手。 這是我的問題，在某種情況下，我需要禁用多選下拉菜單。

因此，我進行了邏輯分析，並在嘗試禁用下拉菜單的幫助下繼續進行操作，

document.getElementById("multidropdown").disabled = true;

但是沒有運氣。

所以，然后我用谷歌搜索它並了解ng-disable。 因此，我在其中放置了ng-disable，並給它起了這樣的名稱

ng-disabled="makeItDisabled"

然后在我的js文件中

$scope.makeItDisabled = false

在這種情況下，我做了

$scope.makeItDisabled = true

但是仍然沒有運氣。

這是我的HTML-

column type="dropdownMultiSelect" styleName="form-control ng-isolate-scope multidropdown" ng-dropdown-multiselect=""  options="dropdownData" selectedmodel="dropdownelect" extrasettings="multiselectsettings"  events="DropDown_changed" text=""  uniqueID="multidropdown" ng-disabled=" makeItDisabled

這是我嘗試過的我的js代碼

document.getElementById("multidropdown").disabled = true;

並且

$scope.makeItDisabled = true;

我也對殘疾人做了同樣的事情，但是我也做不到。 我想知道我在哪里弄錯了。

我正在使用這個https://github.com/dotansimha/angularjs-dropdown-multiselect

Answer 1

終於我能夠通過使用CSS做到這一點

我通過使用禁用了下拉菜單

pointer-events:none;

Answer 2

使用ng-disabled而不是ngdisabled，它應該可以工作。 如有任何疑問，請進一步發布

Answer 3

嘗試這個：

  <ng-multiselect-dropdown 
       [placeholder]="' '" [data]="myList"
       [(ngModel)]="mySelectedItems" [settings]="mySettings"
       (onSelect)="onItemSelect($event)" (onDeSelect)="onItemDeSelect($event)"
       (onSelectAll)="onSelectAll($event)" 
       (onDeSelectAll)="onDeSelectAll($event)"
       [disabled]=!isToDisable()>
  </ng-multiselect-dropdown>