Çarşamba , 20 Eylül 2017
Anasayfa » Tag Arşivleri: Angular Örnek

Tag Arşivleri: Angular Örnek

AngularJS Türkçe Sıralama Sorunu Çözümü

Angularjs ile ilgili yazdığım son sıralama yazısında dikkatimden kaçan ufak bir nokta olduğunu gelen bir yorum üzerine farkettim. Sıralama yaptığımda Türkçe özgü karakterleri sıralamanın sonuna ekliyordu. İnternette bir kaynakta dile özgü olarak sıralama yaptıran bir tane angular modülü  gördüm. Kaynak dosyasını ve kodlarını aşağıda paylaşıyorum.   AngularJS Tablolo Başlıklarına Göre Sıralama yazına ek olarak kodlarımız aşağıdaki gibi oluşturuluyor. Angularjs kodlarında dikkat etmemiz gereken …

Devamını oku »

AngularJS Route Yapma #2

Route ve template kavramı ile ilgili ikinci yazımızda oluşturduğumuz kontrolleri template dosyalarına bağlamayı anlatacağım.  Bu konu route yapma konusunun devamı olduğu için öncelikle 1. yazıyı okumanızı sonra bu yazıya bakmanızı tavsiye ederim. 

Devamını oku »

AngularJS Route Yapma

Bu yazıda Angularjs route yapma (Angularjs routing) kavramını inceleyeceğiz.  Bu yazı ve bundan sonraki bir kaç yazıda da bu kavram ile ilgili (template, url yönetimi vs.) konulara değinilecek.

Devamını oku »

AngularJS ng-include Yönergesi

Bu yazıda AngularJS ng-include direktifi ile  harici HTML sayfalarını mevcut HTML sayfasına dahil edeceğiz. Hazırladığımız sayfada kodların bazılarını çeşitli sayfalara parçalayarak hem sayfanın kod kalabalığını azaltmış hem de yazdığımız kodların okunurluğunu arttırmış oluruz. Hazırladığımız bileşenleri birden fazla sayfada kullanmak istediğimizde de aynı kodları tekrar tekrar yazmaktan bizi alıkoymuş olacaktır.(Güzel birşey 🙂 ) Aslında burada yapılan da yazılmış olan kodları parçalamak ve programlamayı …

Devamını oku »

AngularJS Arama Filtresi 2

Daha önceki yazımızda angularjs ile basit arama işlemi yapmıştık. Bu yazıda birden fazla özelliğe göre arama filitrelemesi nasıl oluşturulacağını inceleyeceğiz. Aşağıdaki örnekte arama yapmak için iki tane textbox kutumuz mevcut. Birinci kutuda isme göre arama, ikinci kutuda da cinsiyete göre arama yapılmaktadır. İki textboxa da değer girişi olduğunda tüm eşleşen satırlarlara göre süzme işlemi yapılmış olacaktır.   Tam Eşleştir işlemi yapan …

Devamını oku »

AngularJS Arama Filitresi

AngularJS serach filter kullanarak arama işlemlerinin nasıl yapıldığını inceleyeceğiz.   Yukarıdaki arama kutucuğuna yazı girişi olduğunda, sadece tabloda eşleşen satırları göstermesi beklenir.  Daha fazla açıklama yapmadan uygulamamızı yazmaya başlayalım.   SCRIPT: Yine eski makalelerde kullandığım personel modelini kullanarak bu örneği açıklayacağım. [crayon-59c20081f2c03966509057/]   HTML: Arama için bir tane textbox ekledim. Text kutusuna model olarak arama ifadesini parametre olarak geçtim. arama ifadesini ng-repeat …

Devamını oku »

AngularJS ng-src Yönergesi

Bu yazıda ng-src bildiriminin kulllanımını ve neden kullanılması gerektiğini açıklayacağım.Hadi bunu bir örnek ile açıklayalım. Örneği açıklamadan önce controller ve modül konuları ile ilgili makaleleri okumanızı tavsiye ederim. Uye adında bir JavaScript nesnemizin olduğunu düşünelim. Üye nesnemiz isim, doğum tarihi ve profil özelliklerini barındırıyor olsun.  Uye nesnesine ait özellikleri görüntü tarafında göstermek istiyoruz. Bu işlem için yazılması gereken kod ve HTML şu …

Devamını oku »

AngularJS Modül Yapısı

AngularJS’de Neden Modülleri Kullanırız Bir modül farklı bölümleri bir arada tutan bir yapıştırıcıdır. Örn: kontroller, servisler, bildirimler, filitreler  bunlardan bazılarıdır.  Bu yazıda controller (kontroller) hakkında bilgi vereceğim. İlerleyen yazılarda servisler, bildirimler, filtreler hakkında makaleler olacak. Neden Modüller Gerekli Modülü bir programın main() metodu olarak düşünebiliriz. Programlardaki main metodları bir çok parçayı  bir araya getirir. Bir araya getirilen parçalar burada birleştirilip işlenir. …

Devamını oku »