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

使用： -

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

css应该是

 .defaultoption{
         color:gray
      }

Answer 2

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

所以，你可以这样做：

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

plunker

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

2 个答案: