Как убрать пробелы между записями?

Question

[zachfischer]

У меня есть информация которая отображается в картах, но проблема в том что они выводятся как то странно в разброс и с большими пробелами. Как это можно исправить?

<div class="col-md-2" *ngFor="let note of notes | orderBy: key:reverse " >
  <div class="card card-stats" *ngIf="(note.note_type) == 0 && (note.spr_notes_id) == null">
    <div class="card-header" data-background-color="blue">
      <i class="material-icons">store</i>
    </div>
    <div class="card-content" >
      <p class="category">{{note.title}} </p>
    </div>
    <div class="card-footer">
      <div class="stats">
        <button class="button-save" ><i class="fa fa-eye"></i></button>    
        <button class="button-trash" ><i class="fa fa-trash"></i></button>    
      </div>
    </div>
  </div>                            
 </div>

Answer 1

[theykillimmortal]

Здравствуйте.
Все дело в ngIf. ngFor создает новую колонку col-md-2, а потом ngIf не проходит условие и поэтому место остается пустое. Так как ангуляр позволяет только одну структурную директиву на элемент , то нужно один элемент добавить в ng-container.