Angular 如何使用ngFor创建新行

Angular 如何使用ngFor创建新行,angular,bootstrap-4,Angular,Bootstrap 4,我正在尝试使用*ngFor: {{user.username} 然后,如果col div's>4,我需要创建新行。 我怎么做 如果要使用ngFor创建row类的div元素,则将该指令放在该div中 ngFor将添加内容,包括写入的div 所以在你的例子中,它将是 HTML 工作示例:您正在使用哪个引导?你能出示一个工作样品吗。如果它的引导程序4I使用引导程序4,它应该自动将第四个div移动到下一行。然后,如果第四个元素出现,则不需要创建新行,它应该自动换行。它不会自动工作:(引导程序会将下一个

我正在尝试使用*ngFor:

{{user.username}

然后,如果col div's>4,我需要创建新行。
我怎么做

如果要使用ngFor创建row类的div元素,则将该指令放在该div中

ngFor将添加内容,包括写入的div

所以在你的例子中,它将是

HTML


工作示例:

您正在使用哪个引导?你能出示一个工作样品吗。如果它的引导程序4I使用引导程序4,它应该自动将第四个div移动到下一行。然后,如果第四个元素出现,则不需要创建新行,它应该自动换行。它不会自动工作:(引导程序会将下一个4列向下移动,但如果我创建新行,它会正常工作。你能显示一个不工作的示例吗?不,我需要这样的东西:1t行->4列;2d行->4列;3d行->4列每行4列是常量或动态的,比如第一行->4列,第二行->3列…等等@Bааазаааз检查我的新e。)dit@Базз
<div class="row" *ngFor="let row of rows;let i = index">
   <div class="col" *ngFor="let col of row;let j = index">
     Row {{i}} Col {{ j }}
   </div>
</div>
export class AppComponent  {
  public rows = [
    [1,1,1,1],
    [1,1],
    [1,1,1]
  ]
}