Отображать данные по 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>

Надеюсь, это поможет.