javascript - 无法禁用多选下拉菜单

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;