Как применить условные смещения столбцов в IONI C 3

Question

Я использую ioni c 3 и я создал сетки.

<ion-row>
<ion-col col-4 offset-4>

</ion-col>
</ion-row>

И теперь я хочу применить условия для смещения столбцов для этого, я применил этот код, приведенный ниже, но я получил ошибка.

<ion-row>
<ion-col col-4 offset-{{(variable == 1)?'4':'0'}}>

</ion-col>
</ion-row>

Если у кого-то есть предложения, пожалуйста, помогите мне Спасибо

Answer 1

Вы не можете привязать значение к смещению, я думаю, вам стоит попробовать это, сначала создайте переменную в своем ts-файле, например offsetVariable = true, затем в вашем HTML файле

<ion-row>
  <ion-col col-4 offset-4 *ngIf="offsetVariable">

  </ion-col>
</ion-row>

и

<ion-row>
    <ion-col col-4 offset-0 *ngIf="!offsetVariable">
    
    </ion-col>
</ion-row>