如何从 angularjs 中的 select 选项中获取 selected 值

Question

我正在学习 AngularJS 并尝试实现一个表单。我有一个 select 元素，我希望能够根据文本 selected.

更改 selected 值的颜色

Html:

<select ng-model="myselect" ng-class="{defaultoption: myselect.value == 'Default'}">
    <option value="" disabled selected>Default</option>
    <option>Opt1</option>
    <option>Opt2</option>
</select>

CSS:

.defaultoption:{color:gray}

但这不起作用。这可能是什么问题？

Edit1: 默认选项在 selected 时应该是灰色的，甚至当用户打开下拉列表时也是如此。其他选项在两种情况下都应该有黑色文本（在 selection 和显示的下拉列表中）。

提前致谢。

Answer 1

使用：-

ng-class="{'defaultoption': myselect.value == 'Default'}"

而css应该是

 .defaultoption{
         color:gray
      }

Answer 2

默认选项将 select 模型（即此处的 myselect）的值设置为空字符串 ""，并且 undefined - 如果设置为模型- 将映射到该默认值。

所以，你可以这样做：

ng-class="{defaultoption: !myselect}">

plunker

如何从 angularjs 中的 select 选项中获取 selected 值

How to get selected value from select options in angularjs

javascript

css

angularjs

angularjs-directive