使用奇偶逻辑执行2 ng重复循环
使用奇偶逻辑执行2 ng重复循环
提问于 2016-07-05 18:50:05
我有两个表格，我想用ng-repeat来显示奇数和偶数记录。
我希望奇数记录显示在顶部，偶数记录显示在奇数记录之后。
表1标记的
：奇数逻辑
对于表2标签: even逻辑
这是我的代码：
<table>
<tr>
<td ng-repeat="item in Users" ng-if="$odd" >
<!--some other codes-->
<!--show div1-->
<div ng-if="item.Experience > 0" >
</div>
<!--show div2-->
<div ng-if="item.Experience == 0" >
</div>
</td>
</tr>
</table>
<table>
<tr>
<td ng-repeat="item in Users" ng-if="$even" >
<!--some other codes-->
<!--show div1-->
<div ng-if="item.Experience > 0" >
</div>
<!--show div2-->
<div ng-if="item.Experience == 0" >
</div>
</td>
</tr>
</table>json输出：
[
{
"UserId": 1,
"Experience":2
},
{
"UserId": 2,
"Experience":0
}
]但在这里，奇数记录，即UserId 1，显示在偶数记录之后，即User Id 2位于顶部，User 1向下。
回答 2
Stack Overflow用户
发布于 2016-07-05 18:58:27
尝尝这个。对于odd记录
<tr ng-repeat="item in Users" ng-if="item.UserId %2 == 1">
<td>
{{item.UserId}}
</td>
</tr>对于even记录：
<tr ng-repeat="item in Users" ng-if="item.UserId %2 == 0">
<td>
{{item.UserId}}
</td>
</tr>Stack Overflow用户
发布于 2016-07-05 19:12:00
这里是柱塞：https://plnkr.co/edit/84dbmzTPgHTi3x8WmKOM?p=preview
<html><head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js"></script>
<script src="app.js"></script>
</head>
<body ng-app="app" ng-controller=" ActCtrl">
<table>
<tr ng-repeat="item in data1" ng-if="$odd">
<td>{{ $index + 1 }}
<!--some other codes-->
<!--show div1-->
<div class="odd" ng-if="item.Experience > 0" >
</div>
<!--show div2-->
<div class="odd" ng-if="item.Experience == 0" >
</div>
</td>
</tr>
</table>
<table>
<tr ng-repeat="item in data1" ng-if="$even">
<td>{{ $index + 1 }}
<!--some other codes-->
<!--show div1-->
<div class="even" ng-if="item.Experience > 0" >
</div>
<!--show div2-->
<div class="even" ng-if="item.Experience == 0" >
</div>
</td>
</tr>
</table>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38201531
复制相关文章
相似问题