html - 将 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

这是一个更新后的 fiddle ，它的工作结果是:http://jsfiddle.net/ADukg/4778/

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