Ионные столбцы, как переставить последовательность внутри ngFor - PullRequest
Новая
       14

Ионные столбцы, как переставить последовательность внутри ngFor

0 голосов
/ 23 января 2019

У меня есть массив с элементами, в которых я зациклился. Но вы хотите отобразить некоторые из этих элементов в массиве слева, а некоторые - справа. Последовательность предметов не пропорциональна.

Итак, что я пробовал, это: 

<ion-row class="practical-info">
    <ng-container *ngFor="let veld of rubriek?.velden">

        <ion-col *ngIf="practicalInfoLeftcolumn(veld)" 
            [ngClass]="(veld?.titel) ? 'xs-padding' : null" col-6 pull-6>

            <osi-detail-text-row [label]="veld.titel">
                <span [innerHtml]="veld.waarde | safeHtml"></span>
            </osi-detail-text-row>
        </ion-col>

        <ion-col *ngIf="!practicalInfoLeftcolumn(veld)" 
                [ngClass]="(veld?.titel) ? 'xs-padding' : null" 
                [attr.col-6]="(veld?.titel) ? true : null" 
                [attr.col-12]="(!veld?.titel) ? true : null" push-6>

            <osi-detail-text-row [label]="veld.titel">
                <span [innerHtml]="veld.waarde | safeHtml"></span>
            </osi-detail-text-row>
        </ion-col>                              
    </ng-container>
</ion-row>

И метод выглядит так: 

practicalInfoLeftcolumn(data){

  switch(data.veld) {
    case 'item-code':
    case 'item-cursustype':
    case 'item-punten':
    case 'item-categorie':
    case 'item-voertaal':
      return true;

    default: 
      return false;
  }
}

Где true должно быть с левой стороны и false с правой стороны, но это все равно делает столбцы true | правда рядом друг с другом.

Может кто-нибудь мне помочь или лучше изменить последовательность пунктов в API?

...