Posted by Merhaba arkadaşlar,
Bu yazımda sizlere Ionic ile button oluşturma ve tıklandığında bir işlem gerçekleştirmeden bahsedeceğim.
Bildiğiniz üzere form sayfalarımız bulunmakta ve bu formlardan birtakım işlemler gerçekleştirmekteyiz. Örnek vermek gerekirse iletişim formu, üye kayıt formu, üye girişi formu bunlardan birkaçı. Ionic ile sayfamıza buton eklememiz için html’de de bulunan button tagi kullanılır yalnız ionic butonu olması için ion-button özelliği eklememiz gerekmektedir.
Hemen örneklendirerek açıklamak istiyorum.
<button ion-button>Kaydet</button>Örnekte görüldüğü üzere ion-button özelliği eklendiğinde ionic için bir button oluşturmuş oluruz.
<button ion-button full>Kaydet</button>Bir diğer örnekteki button ise ionic button ve full özelliği eklenmiş bir butondur. Full özelliği sağa ve sola doğru tümüyle butonun genişlemesini sağlar.
Şimdi gelelim eklediğimiz butonumuza tıklandığında bir aksiyon nasıl alabiliriz?
<button ion-button full (click)="save()">Kaydet</button>Yukarıdaki örnekte butonun click olayında, yani butona tıklandığında click içerisine yazdığımız save() metodumuz çalışacaktır.
Save() metodumuz ilgili sayfamızın .ts dosyasında bulunmalıdır.
Save metodumuz ise aşağıda örnekte görüldüğü gibi oluşturulmuştur.
save()
{
console.log("Kaydedildi.");
}Kaydet butonuna tıklandığında save metodumuz çalışacak ve console ekranına “Kaydedildi” logu yazacaktır.
Umarım faydalı olur.
Bir sonraki yazıda görüşmek üzere.