ion-col içinde bir düğme için sağa hizalama

Question

Bu ızgarayı Ionic 2 uygulamasında kullanıyorum. Sütunun (satır) sağ tarafında gösterilen düğmeyi yapmak için herhangi bir iyonik özellik var mı? Senin durumunda

<ion-grid> 
    <ion-row> 
    <ion-col>col 1</ion-col> 
    <ion-col>col 2</ion-col> 
    </ion-row> 
    <ion-row> 
    <ion-col> 
     <button ion-button>My button</button> 
    </ion-col> 
    </ion-row> 
</ion-grid> 

Answer 1

sen şöyle niteliğini float-right ekleyebilirsiniz:

<button ion-button float-right>My button</button> 

şamandıra {değiştirici}
documentation Eğer içinde bir elemanı konumlandırmak için öznitelik float-{modifier} ekleyebilir diyor onun bir kap.
right:

{modifier} aşağıdakilerden herhangi biri olabilir elemanı kabın sağ tarafında yüzer.
left: Öğe, konteynerinin sol tarafında yüzecektir.
start: Yön, sağdan sola doğruysa ve yön sağdan sola doğruysa sağa kaydırılmışsa float-left ile aynıdır.
end: Yön soldan sağa doğruysa ve yön sağdan sola doğru ise sol-sağ ise, sağa-aşağı ile aynıdır.

Örnek:

<div> 
    <button ion-button float-right>My button</button> 
</div> 

item- {değiştirici}
Eğer item-{modifier} kullanabilir documentation şeklinde bir ion-item içinde bir elemanı konumlandırın.
start: {modifier} aşağıdakilerden herhangi biri olabilir

iç öğenin dışında, diğer tüm unsurların solunda yerleştirilemez.
end: İç öğenin içinde, diğer tüm öğelerin sağında, giriş sarmalayıcısının dışında yer alır.
content: Giriş sarmalayıcısının içindeki herhangi bir iyon etiketinin sağ tarafına yerleştirilir.

Örnek:

<ion-item> 
    <button ion-button item-end>My button</button> 
</ion-item> 

Kaldırılması
bu isimler kullanımdan kaldırılmıştır documentation göre:

item-right & item-left