javascript - 如何在 Angular 1.4 及更高版本的 ng-options 中使用 ng-class

Question

我的问题类似于以下帖子之一:How to use ng-class in select with ng-options

我希望能够使用 CSS 在我的 select 中自定义特定选项。如果我继续使用的例子，我有一群这样的人:

var persons = [
{Name:'John',Eligible:true},
{Name:'Mark',Eligible:true},
{Name:'Sam',Eligible:false},
{Name:'Edward',Eligible:false},
{Name:'Michael',Eligible:true}
];

现在我希望能够编写如下代码，以不同方式显示一个 Elligible 人和另一个不 Elligible 人:

<select ng-model="Blah" ng-options="person.Name for person in persons" ng-class="{'is-elligible': person.Elligible}"></select>

但在这段代码中，我无法访问 ng-class 标签中的 person 变量。

事情在另一篇文章中，解决方案基于一个 cutom 指令，该指令在 1.4 之前的 angular 中运行良好。现在这个解决方案不再有效。

一个可能的解决方案也是不使用 ng-options，而是在 option 标签中使用 ng-repeat。但我仍想使用 ng-options，因为它看起来更快、更容易使用。

因此，如果任何人有任何解决方案来使用 angular 1.4 及更高版本来执行此操作，那么分享它会很棒! :)

提前致谢

Answer 1

你不能用普通的 ng-options 来做到这一点。

您应该使用 ng-repeat 或 custom 指令来实现所需的行为。如果情况像您描述的那样简单，我建议您使用 ng-repeat，因为这是实现该行为的常用方法。

考虑深入了解已有答案的细节: Customize ng-options selection look它会回答您的问题。

p.s. 没明白你使用 ng-repeat 的意思，因为在特定情况下，使用已经存在的指令比创建新指令并向其添加单元测试更容易它，你在哪里我知道 ng-repeat 比较慢...