2015-06-18 4 views
0

Я пытаюсь применить класс условно через нг-класса, но он не работаетПрименить класс условно угловую

ng-class="{'margin-watch':progress <= '0','margin-continue-watch':progress > '0' }" 
+3

Что произойдет, если вы не укажете цифры? – Guinn

+0

Вам не хватает последних двойных кавычек, но я думаю, это просто опечатка в вашем вопросе. В противном случае ваш код должен работать нормально, см. Этот [JSFiddle] (http://jsfiddle.net/HB7LU/14382/) –

+0

да, это была опечатка – hariszaman

ответ

1

Попробуйте

ng-class="{'margin-watch': (progress <= 0), 'margin-continue-watch': (progress > 0) } 
+0

Обратите внимание, что угловые скобки добавляются просто для того, чтобы сделать его более читаемым, без него тоже работало бы. – Yasser

1

Если ваше состояние не требует, чтобы сравнить прогресс с характером " 0 ', вы должны удалить кавычки вокруг 0. Это должно исправить ваши выражения! Для удобства чтения я предлагаю вам применить(), как это делает Ясир в своем ответе, но он должен работать без него.

Смежные вопросы