如果年份是angularjs中的当前年份，如何在div中添加类

Question

我的div像以下一样......

<div class="slider-slide-wrap current_year shown slide{{yr}}" ng-repeat="yr in yeardata"></div>

在{{yr}}我收到存储的年度数据。我需要检查条件如果{{yr}} == {{currentyear}}那么我需要添加类别＆＃39;显示＆＃39 ;和＆＃39; current_year＆＃39;到了div。

这怎么可能？

Answer 1

您可以使用指令 ng-class

<div **ng-class={'shown current_year': yr == currentyear, }** class="slider-slide-wrap current_year shown slide{{yr}}" ng-repeat="yr in yeardata"></div>

Answer 2

您应该使用ng-class（链接到文档：https://docs.angularjs.org/api/ng/directive/ngClass）

你可以根据条件设置一个类，使用它如下：

<div ng-class={ 'your-class': year === currentYear }></div>

ng-class参数是一个字典，因此您可以使用它设置多个类（如您所愿），使用它如：

<div ng-class={ 'your-class': year === currentYear, 'your-second-class': year === currentYear }></div>

Answer 3

使用ng-class

ng-class="{'clasName':yr==currentyear}"