您好,如何禁用选择框,以便用户只能看到选择框的实际值,而不能更改其中的内容。它是用于离子框架移动应用程序的。

我的选择框如下所示:

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

10-12 12:38
查看更多