javascript - 如何从angularjs中的选择选项中获取选定的值

Question

我正在学习 AngularJS 并尝试实现一个表单。我有一个选择元素，我希望能够根据所选文本更改所选值的颜色。

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:默认选项在选中时应该是灰色的，即使用户打开了下拉列表也是如此。其他选项在两种情况下都应该有黑色文本(在选择和显示的下拉列表中)。

提前致谢。

Answer 1

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

所以，你可以这样做:

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

plunker