如何禁用角度选择下拉菜单答案

【问题标题】：How to disable the angular select dropdown如何禁用角度选择下拉菜单
【发布时间】：2013-12-11 21:42:04
【问题描述】：

我想禁用角度选择下拉菜单。实际上我想限制少数用户的访问。代码链接：http://plnkr.co/edit/mGnpQynWKkRLBC0VEHBR?p=preview

【问题讨论】：

【解决方案1】：

在控制器中添加：

$scope.isDisabled = false; // change to true to disable the multiselect

那么，视图应该是（查看disabled属性）：

<multiselect class="input-xlarge" multiple="true"
    ng-model="selectedCar"
    options="c.name for c in cars"
    change="selected()" disabled="isDisabled"></multiselect>

最后，添加适当的逻辑以在控制器中设置 $scope.isDisabled。

【讨论】：

HI 感谢您的建议，但我尝试了上述相同的解决方案，但对我不起作用，可能是我把控制器放在不合适的地方。你能告诉我必须在下面的代码中添加控制器的位置吗>>>>>>>>>>>>>>>> var app = angular.module('plunker', ['ui.multiselect']); app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $scope.cars = [{id:1, name: 'Audi'}, {id:2, name: 'BMW '}, {id:1, name: 'Honda'}]; $scope.selectedCar = []; $scope.fruits = [{id: 1, name: 'Apple'}, {id: 2, name:' Orange'},{id: 3, name: 'Banana'}]; $scope.selectedFruit = null; });
请重读我的回答。我刚刚分叉了您的 plnkr，其中包括我的修改：plnkr.co/edit/oWPIPH5XVPI7UNZsB2Gz?p=preview
但是您也可以在 plunkr 中看到输出，它不起作用。它应该被禁用了
在您的控制器中将 $scope.isDisabled 更改为 true，它将被禁用
您好，我还有一个问题。实际上，这主要是我必须在打开管理员时使用此逻辑，所有字段都可以访问。当其他用户访问我想为特定用户禁用时，您可以为此提供任何解决方案