Eğitm Sayısı :532
AnasayfaAngular 2 DersleriAngular 2 Dersleri | 16 Asenkron veri Çekmek ( toPromise)

Angular 2 Dersleri | 16 Asenkron veri Çekmek ( toPromise)

angular-2

Bu makalemizde sizlere Asenkron işlemden bahsedeceğim. Bir tane Json verisini alarak oradan gelen verileri ekrana yazdıracağız. Bunun için İlk defa izleyenler için daha önceki derslerimize göz atmanızda fayda var.

İlk olarak

team.service.ts adında daha önce bir dosya oluşturmuştuk buna ilaven bu dersimizde. Aşağıdai kısımları sayfamızın en üst kısmına import ediyoruz.

Bunun ilk ikisi asenkron için gerekli ve sonuncusu ise çekeceğimiz data için oluşturduğumuz datamodel bu dosyamızın en üst kısmı aşağıdaki gibi olmalıdır.

Aşağıdaki kısımı da ekleyerek getPost Methotumuzu oluşturmuş oluyoruz. Bu methot da gelen veriyi constructr da tanımlamış olduğumuz http modülünün get fonksiyonu ile alarak “map” ile json verisine dönüştürüyoruz.

 

datamode.ts

Data modelimiz çektiğiniz verilere göre değişebilir.

izleveogren.component.html

 

izleveogrencomponent

 

son olarak izleveogren.component.ts

Burada verileri alarak html içinde ngFor yardımı ile dönüyoruz.

Daha fazla detay için :

https://angular.io/docs/ts/latest/guide/ngmodule.html#!#lazy-load

Javascript Dersleri
Javascript Dersleri

ademyalcin27@gmail.com

Oy
Henüz yorum yapılmadı . İlk sen neden yorum yapmayasın ?

Yorum yap

CAPTCHA (Şahıs Denetim Kodu) Resmi

*