我正在使用 Angular 13 和 Bootstrap 5 并嘗試做一個回圈,我在網格上得到 2 列。
資料是一個陣列:
items = [1, 2, 3 ,4];
然后我有這個:
<div *ngFor="let item of items">
<div >
<div >
<div >
<div >
Heading here
</div>
<div >
Body here
</div>
</div>
</div>
</div>
</div>
出于某種原因,我只在 1 列而不是 2 列中獲得 4 張卡片......所以它在一列中給了我 4 個專案,我需要 2 行,每行 2 個專案。
我怎樣才能做到這一點?
uj5u.com熱心網友回復:
你在容器上回圈,將 ngFor 移動到你的 col-md-6:
<div >
<div >
<div *ngFor="let item of items">
<div >
<div >
Heading here
</div>
<div >
Body here
</div>
</div>
</div>
</div>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/409353.html
標籤:
上一篇:如何將類傳遞給子組件?
下一篇:如何使用rxjs鏈接api呼叫?
