Как выровнять элементы в Ionic2?

Question

Как применять классы выравнивания по умолчанию, предоставляемые Ionic2? Например, я хочу, чтобы на правой стороне карты появилась кнопка.

<ion-card *ngFor="let table of tables"> 
    <ion-card-content> 
     Card Text 
     <button ion-button> 
      <ion-icon name="add"></ion-icon> Add Item 
     </button> 
    </ion-card-content> 
</ion-card> 

Answer 1

Проверить Item placement section here

Вы можете использовать ion-item завернуть и атрибут размещения.

, например:

<ion-card *ngFor="let table of tables"> 
    <ion-card-content> 
     <ion-item> 
     Card Text 
     <button item-right ion-button>//item right 
      <ion-icon name="add"></ion-icon> Add Item 
     </button> 
     </ion-item> 
    </ion-card-content> 
</ion-card> 

Или вы можете использовать Grid-row ,cols

<ion-card *ngFor="let table of tables"> 
    <ion-card-content> 
     <ion-row> 
     <ion-row> 
     <ion-col width-80> 
      Card Text 
     </ion-col> 
     <ion-col> 
     <button ion-button> 
      <ion-icon name="add"></ion-icon> Add Item 
     </button> 
     </ion-col> 
    </ion-row> 
    </ion-card-content> 
</ion-card>