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>