Çarşamba , 13 Aralık 2017
Anasayfa » JavaScript » AngularJS

AngularJS

AngularJS Controller Arası Veri Taşıma

Bu yazıda farklı iki kontrol arasında verinin nasıl taşındığını inceleyeceğiz. Öncelikle veriyi bir kontrol içinde tutup diğer kontrolden çağırmak yerine, veriyi tek bir noktada tutmak gerekiyor. Bunun için angular içinde birden fazla yöntem olmasına rağmen ben kendi servisimini yazıp servis içinde tutmayı tercih edeceğim. Servis içinde oluşturduğum bir veri kaynağı ile veriyi istediğim kontrol içine gönderdip gerekli güncellemeleri yapmam mümkün …

Devamını oku »

AngularJS Dosya Yükleme( PHP )

Bu yazıda AngularJS file upload işlemi için github üzerinde dağıtılan bir modülün basit kullanımını yazacağım. Aşağıdaki kodların yazılmış halini sayfanın sonunda indirebilirsiniz. Dosya yükleme işlemi için github üzerinde kullandığım eklentinin sitesine girip daha detaylı kullanımını inceleyebilirsiniz. https://github.com/nervgh/angular-file-upload/ Başka bir yazıda sadece javascript ve angularjs kullanarak farklı bir uploader yapacağım.(Eklentisi varken ayrı bir yükleyici yapmak çok gerekli mi tartışılacak bir konu 🙂 ) …

Devamını oku »

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 Template (Asp.net WebService)

Bu yazıda oluşturduğumuz ürünler template sayfasını ile veri tabanındaki kayıtları birleştireceğiz. Öncelikle bilmeniz gereken bu kavram bir önceki yazının devamı olduğu için bir önceki yazının sonunda paylaştığım dosyayı indirip onun üzerinden devam etmeniz gerekir. Bir önceki yazıda index sayfası için anasayfa.html adında bir template dosyası oluşturmuştuk. Bu anasayfa.html sayfası içinde anaSayfaController adında bir kontrol tanımlamıştık.     2.Adım:  hakkimizda.html  dosyası açıp …

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.  Beğendim!

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. Beğendim!

Devamını oku »

AngularJS $http Servis Post ( PHP)

Bu yazıda $http ve post yöntemi ile veritabanına veri yazma ve veritabanından veri okuma işlemini yapacağız. Öncelikle Jquery ile angularjs arasındaki  post farkına değinmek zorundayım. Beğendim!

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 Özel Filtre Oluşturma

Bu yazıda angularjs ile özel filitre oluşturmayı inceleyeceğiz. Oluşturacağımız filtre bir fonksiyon olacak. Filtreleme ifadesine göre ekranda gösterilecek olan özel değerleri belirleyeceğiz. Örneğimiz aşağıdaki resimden de anlaşılacağı gibi modelimizde bulunan cinsiyet değerleri veritabanından geldiğini düşünelim. Bu değerleri süzüp Kadın, Erkek, Seçilmedi olarak ekrana yazdıracağız.     Modülün filter fonksiyonu kendisine gönderilen 0, 1, 2 değerlerini sırasıyla Seçilmedi, Kadın, Erkek olarak …

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-5a307f5f117b3389432069/]   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 Sıralama Filitresi

Bu yazıda AngularJS ile sıralama işlemlerini inceleyeceğiz. AngularJS ile veri sıralama kavramı konusunda yeni olanlar öncelikle AngularJS Filitre Kullanımı | AngularJS Filters makalesi okumalarını tavsiye ederim. Angualarda Sıralama Yapmak İçin; 1.  orderBy filter kullanılır {{ sıralanacak_ifade | orderBy : ifade : ters}} Örnek: ng-repeat=”personel in personeller | orderBy:’maas’:false” 2. Artan şekilde sıralama yapmak için ters ifadesini false yapın 3. Azalan şekilde sıralama yapmak …

Devamını oku »

AngularJS Filitre Kullanımı | AngularJS Filters

Bu yazıda AngularJS ile Filitre kullanımını inceleyeceğiz. AngularJS ile 3 tip filitreleme yapılabilir.   Biçimlendirme Filtresi (Format Filter) Sıralama Filitresi (Sort Filter) Veri Filitresi (Filter Data) AngularJS Filitre Dökümanı AngularJS filtreleri bildirimler(directive) ile kullanılabileceği gibi bağlantı ifadeleri(binding expression) ile de kullanılabilir. Filtreyi uygulamak için HTML içindeki ifadenin yanına ( | ) sembolü ile filtrelerler eklenir. Kural:  {{ ifade | filitreAdı:parametre}}   …

Devamını oku »