Angular 4 * ng每隔三列添加一行div

我正在使用Angular 4和bulma css framework，我想知道如何在每第三列添加新行（或列類）。Angular 4 * ng每隔三列添加一行div

打印出0,1,2 0,1,2等的索引變量是當我在使用引導程序時查看snippet。

注意到了一些意見也許我可以使用template syntax，但沒有得到它的工作。

<div class="columns"> 
    <div class="column is-one-third" *ngFor="let item of items | async; let index = index"> 
     <app-item-details [item]='item '></app-item-details> 
     {{ index % 3 }} 
    <div class="is-clearfix" *ngIf="index % 3 == 0"></div> 
    </div> 
</div>

來源

2017-08-16 stibay

NG-IF ='* ngIf' – echonax

請提供預期的輸出在你的問題，因爲我不明白你的意思在這裏。 – n00dl3

是啊，注意到我輸入* ngIf錯誤，但是這是bootstrap片斷，所以沒有想到在使用bulma框架時工作。（它也沒有幫助）我需要的是圍繞一個新的列類每循環中的第三個項目我的結果。 – stibay

改變* ngIf中的條件如下。

*ngIf="(index + 1) % 4 == 0"

Plunker例如：https://plnkr.co/edit/C0DrgY3Rty33ZRhyML7E?p=preview

來源

2017-08-16 13:33:31

我認爲OP想要在第3次迭代之後在每次迭代之後添加一個div，在第4次迭代之後將行添加。因此，我對[plunker]進行了一些調整（https://plnkr.co/edit/CUXb1ubGBNUW13KUAm2b?p=preview ）:) – Nehal

Angular 4 * ng每隔三列添加一行div

回答

相關問題