您好,如何禁用选择框,以便用户只能看到选择框的实际值,而不能更改其中的内容。它是用于离子框架移动应用程序的。
我的选择框如下所示:
<select ng-class="nightMode"
ng-options="option as option.label for option in item.Options track by option.id"
ng-change="item.Call(item.SettingKey,item.Checked.id)"
ng-model="item.Checked">
</select>
我尝试了ng-disabled,禁用ng-options,ng-readonly,但是这些都不适合我。那么实现这一目标的正确方法是什么?
ng-disable示例:
<select ng-class="nightMode"
ng-options="option as option.label for option in item.Options track by option.id"
ng-disabled="true"
ng-change="item.Call(item.SettingKey,item.Checked.id)"
ng-model="item.Checked">
</select>
更新:
我尝试了一种建议的解决方法:
<select ng-class="nightMode"
ng-change="item.Call(item.SettingKey,item.Checked.id)"
ng-model="item.Checked">
<option ng-repeat="option in item.Options" value="option.id" ng-disabled="true" ng-selected="item.Checked.id==option.id">{{option.label}}</option>
</select>
但是我可以在选择框内切换到一个空条目,并将选择框的值设置为undefined。
最佳答案
您的代码段尚不清楚。但是我可以使用disable =“ true”禁用此选择。
Check out my working
http://plnkr.co/edit/xDefIzZ3YleYcyAmQYHj?p=preview
Here are better code snippet editor :
http://plnkr.co/
http://jsfiddle.net/
关于javascript - 在angularjs中禁用带有ng-options的选择框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34016132/