2016-05-03 3 views
1

ich eine class auf ui-select-choices abhängig von den Werten der ui-selectAngularJS: ng-Klasse funktioniert nicht mit ui-select-Auswahl von ui-select

Dummy Preview on Plunker

source code on Plunker

hinzufügen möchten

Ich habe eine UI Select, in der ich 2 Optionen anzeigen 1. Vorderseite 2. Zurück

Mit ng-class möchte ich Vorderseitered und Zurückblue

Um zu tun machen, dass ich dies getan haben:

<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' "> 

Problem Beide Optionen von ui-select sind blau was bedeutet, dass showRed Klasse nicht auf es angewendet wird.

Hinweis: oben ist nur ein Dummy, um das Problem zu erklären, dass ich in einem Live-Projekt konfrontiert bin.

+0

Ich denke, das [Github Problem] (https://github.com/angular-ui/ui-select/pull/1447/files) scheint verwandt –

+0

Könnten Sie bitte die Lösung vorschlagen, wie ich nicht in der Lage, das zu verstehen reparieren das ist über den Link zur Verfügung gestellt, die Sie @PankajParkar gegeben Vielen Dank Herr –

+1

Ich bin nicht Herr .. Bitte gehen Sie durch sie..Lösung ist da an Ort .. lesen Sie es auf. –

Antwort

-2

versuchen

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

Beide sind immer noch BLAU und die Klasse 'showBlue' wird angewendet. –

+0

mach's gut, bevor du eine Antwort hinzufügst .. es würde nicht funktionieren .. der vorgeschlagene alternative Weg von dem was OP versucht (in der Tat ist es korrekt) .. –

0

Hier ist die jsfiddle.netsolution für dieses Problem, aber ich stimme mit Pankaj Parkar Sie Erklärung zu diesem Thema auf Github lesen sollte. Auch dieser Fehler scheint zusammengeführt und behoben zu sein. Wenn Sie Ihre angular-ui/select-ui-Version erweitern, könnte es nützlicher sein.