根据条件在2列上显示数据

Question

我正在研究角度应用程序。我想在2列上显示数据，但我想根据条件决定在哪一列上放置行。

<div class="row" *ngFor="let content of Content"> 
    <div class="col-md-6" *ngIf="content.group==='Date'">
        <div>{{content.title}}</div>
    </div>
</div>

例如，数据分为2组：文本和日期。我想将文本组中的所有数据放在左列，而将日期组中的数据放在右列。

Answer 1

请进行一些更改，以便获得准确的输出：

<div class="row"> 
    <div class="col-md-6">
        <div class="row" *ngFor="let content of Content">
          <div class="col-md-12" *ngIf="content.group==='Date'">{{content.title}}</div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="row" *ngFor="let content of Content">
         <div class="col-md-12" *ngIf="content.group==='Text'">{{content.title}}</div>
        </div>
    </div>
</div>

我希望它会有所帮助。