Eğitm Sayısı :532
AnasayfaAngularJs DersleriAngular Tutorial | 29 Pagination ve Tabs Kullanımı 2

Angular Tutorial | 29 Pagination ve Tabs Kullanımı 2

angular-paginations-tabs-ng-repeat2

Bu dersimizde sıkça karşımıza denk gelen bir olaydan yani pagination ve aynı zamanda tablı yapıda bunu nasıl kullanabiliriz bundan bahsedeceğim. Aşağıdaki örnektede olduğu gibi ng-repeat ile gelen verimizin içinde dönerek bunun “Gelen Kutusu” mu yoksa “Giden Kutusu” mu olarak ayırt ederek ilk repeaterimizde bunu sağladık 2. ng-repeater da ise bunların içindeki dataların kümesine ulaştık dikkat ederseniz küme olarak dedim yani henüz datanın kendisi değil “row” olarak bahsettiğim ise dataların kendisi yani “name,msg,time” bunlar birer row o yüzden bunların içinde dönerek ekranda yazdırdık burada dikkatinizi vermeniz gereken nokta slice işlemi slice işlemi ile dataların kaçarlı gösterileceğini ayarlıyoruz. Aslında dataların içinde gidip başlangıç ve bitiş index’indeki dataları alıyoruz slice işlemi ile bunu tamamlıyoruz.

 

2. olarak ise ng-show ve ng-click ile tab sistemini basit ve kolay bir şekilde tamamlıyoruz.

 

See the Pen PNBNae by adem (@ayaz323) on CodePen.

Angular Tutorial | 2
Eğitimde Web 2.0 Uy

ademyalcin27@gmail.com

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

Yorum yap

CAPTCHA (Şahıs Denetim Kodu) Resmi

*