AngularJS – Применение ng-класса на основе чисел

Вопрос:

Я понимаю, как использовать ng-класс для булевых значений, например:

<div ng-class="{true: 'success', false: 'error'}[IsPositive]">

Однако, как я могу выполнить на основе числового значения?

Например, если у меня есть $ scope.myNumber, который может быть любым положительным или отрицательным значением, например

-212

или

-31

или

0

или

31

или

123

Как я могу использовать ng-класс для применения трех типов классов, то есть когда:

$scope.myNumber > 0
$scope.myNumber < 0
$scope.myNumber == 0

Лучший ответ:
<div ng-class="{'zero' : myNumber == 0, 
'negative' : myNumber < 0, 
'positive' : myNumber > 0}">

Ответ №1

Пример:

 <div ng-class="{'one': myNumber > 5 && myNumber < 10, 'two' : myNumber > 10, 'three' : myNumber < 5, 'equal' : myNumber === 0}"></div>

И вы можете видеть вживую: http://plnkr.co/edit/zdaN53?p=preview

Ответ №2

Попробуй это?

<div ng-class="{'green':myNumber>0,'red':myNumber<0,'orange':myNumber==0}"> </div>

Оцените статью
TechArks.Ru
Добавить комментарий