gpt4 book ai didi

angular - 如何使用 ngFor 将数据显示为矩阵

转载 作者:太空狗 更新时间:2023-10-29 18:26:45 24 4
gpt4 key购买 nike

  • 编辑以添加更多描述 *

我是 Angular2 的新手。我使用“ngFor”遍历对象数组并将它们显示为每行有 3 列的矩阵。例如;

<div class="row">
<div class="col">
<div class="card"></div>
</div>
<div class="col">
<div class="card"></div>
</div>
<div class="col">
<div class="card"></div>
</div>
</div>
<div class="row">
...
</div>
<div class="row">
...
</div>

谁能帮我解决这个问题?谢谢,

最佳答案

使用 *ngFor 可以遍历数组。如果数组项是数组,您可以像这样嵌套 *ngFor:

@Component({
selector: '...'
template: `
<div class="row" *ngFor="let row of matrix">
<div class="col" *ngFor="let col of row">
<div class="card">{{col}}</div>
</div>
</div>
`
})
class Component {
matrix = [['a', 'b', 'c'],['d', 'e', 'f'],['g', 'h', 'i']];
}

关于angular - 如何使用 ngFor 将数据显示为矩阵,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37656742/

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