如何在Angular Select下拉列表中执行交替行

Question

我似乎无法找到关于如何在select指令中添加交替行的示例。我尝试了ng-class-odd / even，但没有运气。

以下是我正在尝试执行此操作的控件：

<select id="pendingInvites" style="width: 85%; height: 300px;" ng-options="invite.id as invite.userName for invite in PendingInviteList"
                            multiple
                            ng-model="user.pendingUserName"></select>

我也试过class =“$ index％2 === 0”的方法。它似乎在父级别设置了一次，但在指令生成的选项标签上没有设置。

如何在生成的选项标签中替换颜色？

Answer 1

您可以使用纯css执行此操作：

option:nth-child(even){
    background-color: #F00;
}

在css文件或样式块中应该将所有偶数选项变为红色