Angular ng-class（2个参数之间）

Question

当数字大于14且小于20时，我如何判断角度是否会增加我的css类。

我现在得到了这样的东西。

ng-class="{ day_yellow: weatherList.temp.max >= 15,  }"> 

Answer 1

你可以使用简单＆amp;＆amp;条件：

ng-class="{ day_yellow: weatherList.temp.max >= 15 && weatherList.temp.max < 20  }"> 

Answer 2

这是最通用的解决方案：

ng-class="{true: 'day_yellow', false: 'some_other_class'}[weatherList.temp.max < 20 && weatherList.temp.max > 14]

如果只有在条件为真时才需要CSS类，可以使用：

ng-class="{'day_yellow': weatherList.temp.max < 20 && weatherList.temp.max > 14}

另一种方法是将条件放入控制器，然后仅在HTML中使用变量：

控制器

$scope.condition = weatherList.temp.max < 20 && weatherList.temp.max > 14;

HTML

ng-class="{'day_yellow': condition}