Question

我试图在我的有效条件下为我的tr添加一个类，比如daydate是＆＃34; Sunday＆＃34;只有我想添加课程＆＃34;红色文字＆＃34;

<tr ng-repeat="atten in attendList.attendance" ng-if="atten.daydate == 'Sunday'" class="red-text">
                <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;" >{{ atten.attenDate }}</td>
                <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.daydate }}</td>
                <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.intime }}</td>
                <td class="custom-icon-size text-font" style="border-left: 1px solid #e8eaf6;">{{ atten.outtime }}</td>
            </tr>

但无法得到结果

谢谢

Answer 1

你根本不需要 - 如果有的话可以让它发挥作用。

ng-class={'red-text': atten.daydate === 'Sunday'}

如果您愿意，还可以在其他日期为ng-class添加更多项目：

ng-class={'red-text': attendaydate === 'Sunday', 'blue-text': 'attendaydate === 'Monday', 'green-text': attendaydate === 'Tuesday'}

完全不需要

ng-if，因为只会根据您为ng-class属性提供的语句的真实性来应用类。

Answer 2

删除ng-if＆amp;像这样使用ng-class

ng-class="{'red-text': atten.daydate == 'Sunday'}"

如何在ng-repeat中使用ng-if来应用css类

2 个答案: