我需要以角度显示项目列表,每行只有两个项目。假设列表中有5个项,那么输出应该是3行,前2行有2列,最后一行有一列。
<div ng-repeat="result in results" ng-if="$index % 2 == 0" class="row">
<div class="col-xs-6">{{result[$index]}}</div>
<div class="col-xs-6">{{result[$index + 1]}}</div>
</div>
上面是代码,当结果是项目列表时,此代码可以正常工作。但当结果是对象列表时,它不会打印。例如,如果结果对象具有birthDate或Id属性,如何显示它们?
{{result.birthDate}}
打印正确的值,但如何打印index+1值?我试过{{result[$index + 1].birthDate}}
或{{result.birthDate[$index + 1]}}
不起作用。下面的代码不起作用,但是,我需要这样的东西,
<div ng-repeat="result in results" ng-if="$index % 2 == 0" class="row">
<div class="col-xs-6">{{result[$index].birthDate}}</div>
<div class="col-xs-6">{{result[$index + 1].birthDate}}</div>
</div>
感谢你的帮助
最佳答案
演示http://jsfiddle.net/softvar/yk8phbc5/
RJ型:
var app=angular.module('myApp',[]);
app.controller('myCtrl', function ($scope) {
$scope.results = [
{birthDate: '01/08/1982'},
{birthDate: '11/08/1992'},
{birthDate: '21/08/2002'},
{birthDate: '31/08/2012'}
]
});
HTML。
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="result in results" ng-if="$index % 2 == 0" class="row">
<div class="col-xs-6">First: {{results[$index].birthDate}}</div>
<div class="col-xs-6">Second: {{results[$index + 1].birthDate}}</div>
<br/>
</div>
</div>