Использование AngularJs "ng-style" в итерации "ng-repeat"

Я пытаюсь условно установить цвета элементов данных в таблице на основе их значения, используя ng-стиль. Каждая строка данных генерируется с использованием повторения ng.

Итак, у меня есть что-то вроде:

{{payment.number}}

и функция в моем контроллере, которая делает что-то вроде:

$scope.set_color = function (payment) {
 if (payment.number > 50) {
 return '{color: red}'
 }
}

Я пробовал пару разных вещей. и даже установить цвет как атрибут данных в объекте платежа, однако кажется, что я не могу получить ng-стиль для обработки данных из привязок данных, Кто-нибудь знает, как я могу это сделать? Спасибо.

3 ответа

Не используйте {{}} s внутри выражения Angular:

{{payment.number}}

Верните объект, а не строку, из вашей функции:

$scope.set_color = function (payment) {
 if (payment.number > 50) {
 return { color: "red" }
 }
}

Fiddle


используйте этот код

{{payment.number}}

или

{{payment.number}}

синий цвет, например


Это может помочь вам!

<div>
 <div ng-style="{'width':bar}">
 <h4> {{bar}} DATA USED OF 100%</h4>
 </div>
 </div>

licensed under cc by-sa 3.0 with attribution.