gpt4 book ai didi

javascript - 此模型中的 AngularJS ng-repeat

转载 作者:行者123 更新时间:2023-11-29 16:14:50 25 4
gpt4 key购买 nike

我想知道是否可以在如下所示的模型中使用 ng-repeat:

示例模型:

$scope.items = {
item1:{[1,2,3,4,5]},
item2:{[a,b,c,d,e]},
item3:{[a1,b2,c3,d4,e5]}
};

表格应该像这样使用 ng-repeat:

-------------------------
| Item1 | Item2 | Item3 |
-------------------------
| 1 | a | a1 |
| 2 | b | b2 |
| 3 | c | c3 |
| 4 | d | d4 |
| 5 | e | e5 |
-------------------------

如果无法使用此模型,您能否提出一些替代方案?任何帮助将不胜感激。提前致谢。

最佳答案

你可以像这样改变数据模型

function Ctrl($scope) {
$scope.items = [{
item1: 1,
item2: 'a',
item3: 'a1'
}, {
item1: 2,
item2: 'b',
item3: 'b2'
}, {
item1: 3,
item2: 'c',
item3: 'c3'
}, ...];
}

<div ng-app ng-controller="Ctrl">
<table>
<tbody>
<th>item1</th>
<th>item2</th>
<th>item3</th>
<tr ng-repeat="item in items">{{item}}
<td>{{item.item1}}</td>
<td>{{item.item2}}</td>
<td>{{item.item3}}</td>
</tr>
</tbody>
</table>
</div>

DEMO

关于javascript - 此模型中的 AngularJS ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18327348/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com