angluar 中 我用ng-repeat 循环出一个表格,然后我想根据每一行内容的判断来增加不同

问题已经解决,谢谢大家,么么哒

angluar 中 我用ng-repeat 循环出一个表格,然后我想根据每一行内容的判断来增加不同的样式

    <tr ng-repeat="user in vm.userList" ng-class="{'yellow':late,'red':noWork,'yellowRed':tooLate}">
        <td>{{(vm.currentPage-1)*vm.pageSize+$index+1}}</td>
        <td>{{user.username}}</td>
        <td>{{user.name}}</td>
        <td>{{user['kq-time']}}</td>

    </tr>

controller里的循环,根据内容去判断添加那个样式

https://img4.mukewang.com/5bfba604000183da03920222.jpg

结果不对,都添加了red这个样式

https://img2.mukewang.com/5bfba60f00017d4507540111.jpg

梵蒂冈之花
浏览 1036回答 1
1回答

翻翻过去那场雪

你的判断标志只有 $scope.late,$scope.noWork, $scope.tooLate 这三个,每次循环都是在对这三个变量进行赋值,那最后出现的效果肯定是最后一次判断的结果了像你上面的效果,必然是最后一次进了else的逻辑,nowork是true,样式为红色简单的实现方式是把判断标志放在每个repeat的对象内部
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript