html - ngFor循环中的换行

我有一个ngFor，它创建了几个PrimeNG按钮。现在，这些按钮在同一行上紧挨着出现-我希望每个按钮都垂直显示在其行上。您如何去做呢？这是我的ngFor代码:

<button pButton type="button"
            *ngFor="let atrConfig of atrConfigs; let i = index"
            (click)="selectConfiguration(atrConfig)" label = "">
        Name: {{atrConfig.name}} <br />
</button>

最佳答案

您应该使用ng-container标记，该标记将元素分组但不会在DOM树中作为节点呈现。

<ng-container *ngFor="let atrConfig of atrConfigs; let i = index" >
    <button pButton type="button"
        (click)="selectConfiguration(atrConfig)" label = ""> Name: {{atrConfig.name}}
    </button>
    <br />
</ng-container>

在此示例中，使用CSS可能很简单，但是如果您不希望周围有ng-container，例如，div可能会非常有用。填充表格