AngularJS - 5 - Service, HTTP, Tables, Select

Servisler AngularJS uygulaması ile sınırlı ve içinde erişebilir durumdaki fonksiyon ve objelerdir. AngularJS te yaklaşık 30 civarı ön tanımlı servis mevcuttur. Örnek olarak "location" servisini ele alabiliriz, bu servis mevcut sayfanın lokasyonu ile ilgili bir çok metot içerir;

$location.absUrl();

ile absoluteURL bilgisine ulaşılabilir. Aslında DOM da location objesi ("window.location") hali hazırda mevcut AngularJS servisini kullanmaya gerek yok gibi görünsede mevcut objeleri kullanmak AngularJS içinde sizi limitler, Servis ile daha rahat hareket edebilirsiniz.

Özellikle güncellemelerden aktif şekilde haberdar olabilmek için servis kullanımı tercih edilmesi sağlıklıdır.

$http       - http request yapmaya yarar.

$timeout - belirli bir süre bekleme yaratır. (window.setTimeout gibi)

$interval - .NET teki Timer gibi, tekrarlayan işlemler sağlar.



"http" Servis:

Ayrıca Kendi servisinizi yaratmanız mümkündür, ayrıca daha önce gördüğümüz gibi kendi filtrenizi oluşturup burada kendi servisinizide kullanabilirsiniz.



kullanılabilecek Method lar:
  • .delete()
  • .get()
  • .head()
  • .jsonp()
  • .patch()
  • .post()
  • .put()
Kullanabilecek değerler:
  • .config requesti oluşturan obje.
  • .data server cevabını taşıyan string yada obje.
  • .headers başlık bilgilerini taşıyan obje.
  • .status http statu code bilgisi.
  • .statusText http status mesajı.


JSON kullanımı:
Eğer requestimiz sonucu sunucumuz records altında JSON formatında bir liste dönecek ise, Bu şekilde listeyi işleyebiliriz. Örnek olarak listeyi bastıran bir kod yazılabilir. (ancak bu noktada JSON dönüş sağlayan customers.php sayfasının hazır olduğunu düşünüyoruz.)


"tables" Servisi:

Tables kullanımı esnasında filters kullanmanız mümkün, Ayrıca "$index" ile konum almak mümkün.

"select" Servisi:

"names" arrayindeki her eleman için select objesine item eklenmiş oluyor ve seçilen değer scope içindeki "selectedName" içine basılmış oluyor. Bu şekilde seçim değişir değişme gösterimini sağlayabiliriz.


Yada aşağıdaki şekilde obje kullanmanız da mümkün:







Yorumlar

Yazılar

Kotlin - 1 - Giriş

Genesys Nuance-ASR Entegrasyonu Port Kullanımı

Kotlin - 5 - Dönüşler ve Atlamalar (Returns and Jumps)