应用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-变化来检测和调用一个函数，如果有下拉的任何变化，并相应地更改类