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-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>

Answer 3

使用ng-disabled not ngdisabled它应该可以工作。如果您有任何疑问，请进一步发帖

无法禁用多选下拉菜单

3 个答案: