在Angular中基于ng-repeater索引查找数组的项
Finding item of array base on the ng-repeater index in Angular
在我的应用程序中,我有2个对象数组。layout
阵列用于创建twitter引导布局。该数组如下所示:
$scope.layout = [
{c:[{size:12}]},
{c:[{size:2},{size:3},{size:4},{size:3}]},
{c:[{size:3},{size:5},{size:4}]}
];
可以看到这个数组是如何在jsbin中工作的。另一个数组是items数组,这个数组如下所示:
$scope.items =[
{row:1,column:0,names:['Jack','Daniel']},
{row:3,column:3,names:['Eli','Bill']},
{row:2,column:1,names:['Fred','David']}
];
这是我使用的重复器:
<div ng-repeat="(ri,r) in layout" class="row">
<div ng-repeat="(ci,c) in r.c" class="col-md-{{c.size}} col-sm-{{c.size}} col-xs-{{c.size}} col-lg-{{c.size}} bi"> Row{{ri}}-Column{{ci}}
//Maybe other repeater come here
</div>
</div>
现在我想当我想在row 1 column 0
中显示Jack , Daniel
时,这个1和0是第一和第二中继器的中继器中的r和c。因此,当中继器创建row 2 column 1
时,也在$ scope上重复。条目并查找相关名称。但是我不知道如何在$scope.item中找到项目。这是jsbin
你可以这样做:
<div ng-repeat="(ri,r) in layout" class="row">
<div ng-repeat="(ci,c) in r.c" class="col-md-{{c.size}} col-sm-{{c.size}} col-xs-{{c.size}} col-lg-{{c.size}} bi">
{{getNames(ri, ci)}}
</div>
</div>
其中getNames
在控制器中定义:
$scope.getNames = function(r, c) {
var items = $scope.items;
for (var i = 0; i < items.length; i++) {
if (items[i].row == r && items[i].column == c) {
return items[i].names;
}
}
return '';
};
演示:http://jsbin.com/sumuwigo/1/edit
相关文章:
- Lodash 从值数组中查找数组中的值
- 查找数组中项目包含子字符串的索引
- 按键查找数组中对象的索引
- 正在查找数组中第一个匹配元素的索引
- 如何查找数组中所有出现的元素的索引(Ramda.js方式)
- 多次查找数组中相同元素的索引
- 如何在运行重复计数后查找数组中重复值的索引
- 正在查找数组中某个值的索引
- 查找数组数组中最长数组的索引
- 查找数组中属性值最高的对象的索引
- 查找数组angularjs对象的索引
- 查找数组中具有某个值的所有索引
- 如何查找数组中特定字符串的行索引
- JavaScript查找数组列中值的索引(使用papaparse从csv中读取)
- 在Angular中基于ng-repeater索引查找数组的项
- 如何通过在 JavaScript 中检查属性值来查找数组中对象的索引
- 查找javascript的索引"对象数组"基于对象字段值
- 使用javascript查找数组索引的最佳方法是什么?
- 如何查找数组中缺失值的索引
- 查找数组元素的索引,而不使用内置indexOf函数