AngularJs:ng-class不能使用ui-select选择ui-select

时间:2016-05-03 09:54:39

标签: javascript jquery angularjs jquery-ui

我想在class上添加ui-select-choices,具体取决于ui-select

的值

Dummy Preview on Plunker

source code on Plunker

我有UI Select我在其中显示2个选项 1.前面 2.返回

使用ng-class我想要前面 red返回 blue

为了做到这一点,我做到了这一点:

<ui-select-choices 

repeat="table in (main.tables | filter: { description: $select.search }) track by table.id"

refresh="main.refreshResults($select)" 

refresh-delay="0" 

ng-class="table.description === 'Front' ? 'showRed' : 'showBlue' ">

问题 ui-select的两个选项都是蓝色,这意味着showRed类没有应用于它。

注意:上面只是一个假人来解释我在实际项目中遇到的问题。

2 个答案:

答案 0 :(得分:0)

以下是该问题的jsfiddle.net solution但我同意Pankaj Parkar您应该在github上阅读有关此问题的说明。此错误似乎已合并并修复。如果你增加angular-ui / select-ui版本,它可能会更有用。

答案 1 :(得分:-2)

尝试

ng-class="{'showRed' : table.description === 'Front', 'showBlue' : table.description !== 'Front'}