如何使用 *ngFor 实现角度网格系统

Posted 2023-03-05

【中文标题】如何使用 *ngFor 实现角度网格系统

【英文标题】：How to implement angular grid system using *ngFor

【发布时间】：2018-11-19 11:58:55

【问题描述】：

如何使用 ngFor 在 Angular5 中实现下面提到的结果

假设我在 Angular5 组件中定义了一个数组。如何显示数组，如下所示。

<div class='row'>
 <div class='col-3'>1</div>
<div class='col-3'>2</div>
<div class='col-3'>3</div>
<div class='col-3'>4</div>
</div>
<div class='row'>
 <div class='col-3'>5</div>
<div class='col-3'>6</div>
<div class='col-3'>7</div>
<div class='col-3'>8</div>
</div>
<div class='row'>
 <div class='col-3'>9</div>
<div class='col-3'>10</div>
<div class='col-3'>11</div>
<div class='col-3'>12</div>
</div>

我想使用 angular5 ngFor。假设值是从 rest api 获取的。对不起语法。

【问题讨论】：

请查看***.com/help/how-to-ask

其余的api响应在哪里？？？

i i i i

【参考方案1】：

<ng-container let obj of objs><div class='row'>
 <div class='col-3'>obj.i</div>
<div class='col-3'>obj.i</div>
<div class='col-3'>obj.i</div>
<div class='col-3'>obj.i</div>
</div></ng-container>