Как реализовать систему угловых сеток, используя * ngFor - PullRequest
Новая
       19

Как реализовать систему угловых сеток, используя * ngFor

0 голосов
/ 09 июня 2018

Как добиться указанного ниже результата в Angular5, используя ngFor

Предположим, у меня есть массив, определенный в компоненте 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.Предположим, значения получают из остальных API.Извините за грамматику.

1 Ответ

0 голосов
/ 11 июня 2018 
<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>
...