应用ngClass选择框

Question

我是angularjs的新手，我正在尝试使用ng-class。我希望选择框中的默认选项为灰色，一旦选择了选项，它就是黑色：

 <select data-ng-class="{true: black, false: gray}">
 <option data-ng-model="gray">Please Select Option</option>
 <option data-ng-model="black"> Option 1</option>
 <option data-ng-model="black"> Option 2</option>
 <option data-ng-model="black"> Option 3</option>
            </select>

CSS：

      .false
            {
                color: gray;
            }

            .true
            {
                color: black;
            }

的jsfiddle：

http://jsfiddle.net/d9WP5/

Answer 1

以下是工作结果的更新小提琴：http://jsfiddle.net/ADukg/4778/

主要区别在于我每次选择更改时都使用ng-change来调用函数，以便可以相应地更新类状态。

Answer 2

如果下拉列表中有任何更改并相应更改类，则可以使用ng-change来检测和调用函数