所以我有这两个对象的数组。我想使用ng-repeat,以便它以与日期相同的索引打印countOfServicesCodesByElements中的元素。因此,对于日期开始:“ 09。09. 2016”,结束:“ 13。09. 2016”,它应该输出23,依此类推。
$scope.countOfServicesCodesParts = [ {
start: "09. 09. 2016",
end: "13. 09. 2016"
},
{
start: "15. 09. 2016",
end: "18. 09. 2016"
},
{
start: "27. 09. 2016",
end: "30. 09. 2016"
}
]
$scope.countOfServicesCodesByElements = [{
"count": 23
},
{
"count": 30
},
{
"count": 20
},
{
"count": 2
}
]
这是我的html文件
<div class="card-content" ng-if="countOfServicesCodesEval != 0" ng-repeat="date in countOfServicesCodesParts" >
<table class="table table-striped">
<tr >
<span span ng-if="countOfServicesCodes != 0" style="font-weight:bold">
date start {{date.start}} date end: {{date.end}}
</span>
</tr>
<div >
<tr >
<td class="col-md-2"><span ng-if="countOfServicesCodes != 0" > number:</span></td>
<td class="col-md-2"><text class="text-info">{{countOfServicesCodesByElements.count}}</text></td>
</tr>
</div>
</table>
</div>
ngRepeat提供了几个属性,一个是$index
。您可以在遍历第一个数组时使用该属性来打印第二个数组的所需值。像这样:
<li ng-repeat="arr1 in countOfServicesCodesParts">
<span>{{countOfServicesCodesByElements[$index].count}}</span>
</li>
请记住,理想情况下,这将与相同长度的数组一起使用!
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句