нг-класс с несколькими условиями

Question

Я хочу показать класс на основе значения, присутствующего в нем.

ng-if="data.percentage >= 0  & data.percentage < 25"
ng-if="data.percentage >= 25 & data.percentage < 50"
ng-if="data.percentage >= 50 & data.percentage < 75"
ng-if="data.percentage >= 75 & data.percentage <= 100"

.firstLabel
.secondLabel
.thirdLabel
.fourthLabel

Например, если значение в data.percentage равно 75, мой выходной div должен выглядеть следующим образом.

<div ng-class="fourthLabel" > </div>

помощь оценена спасибо.

Answer 1

Вам необходимо объединить их все в один нг-класс , например, так.

Это позволит применить класс, соответствующий условию, которое истинно.

<div ng-class="{'firstLabel': data.percentage >= 0  & data.percentage < 25, 'secondLabel':data.percentage >= 25 & data.percentage < 50, 'thirdLabel': data.percentage >= 50 & data.percentage < 75, 'fourthLabel':data.percentage >= 75 & data.percentage <= 100 }" > </div>