Çarşamba , 20 Eylül 2017
Anasayfa » Tag Arşivleri: angularjs öğrenmek

Tag Arşivleri: angularjs öğrenmek

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 Olay Kullanımı

Bu yazıda AngularJS ile olayları nasıl işlediğimizi inceleyeceğiz. Olayları anlatmanın en kolay yolu bir örnekle açıklamak olsa gerek. Hadi bir örnekle AngularJS de olaylar nasıl kullanılıyor açıklayalım.   Yukarıdaki tabloda beğen ve beğenme butonları var. Hemen yanlarında da programlama dilleri ve bunları beğenme durumları mevcut. Beğen butonuna basınca beğen değeri bir artacak. Beğenme butonuna basınca beğenme değeri 1 artacak. Bu …

Devamını oku »

AngularJS ng-repeat Yönergesi

Bu yazıda anlatacağım konu: ng-repeat direktifi olacaktır. JavaScript listesini HTML kısmında ng-repeat kullanarak listeleyeceğiz. Konuyu maddelendirirsek ng-repeat ifadeleri iç içe ng-repeat ifadeleri  olmak üzere iki maddede ele alınacaktır. ng-repeat C# ,PHP  gibi dillerde bulunan foreach çalışma mantığı ile aynıdır. Hadi bu bir örnekle anlamaya çalışalım. Personel adında ve dizi yapısında bir nesnemiz olduğunu düşünelim. Düşünmek yerine aşağıdaki gibi oluşturalım. [crayon-59c201422c762775656305/]   Yukarıda …

Devamını oku »

AngularJS İki Yönlü Veri Bağlama (Two way databinding )

Bu yazıda AngularJS de iki yönlü veri bağlamayı mantığını açıklayacağım . Yazı boyunca ng-model’in yararlı yönlerinden faydalanacağız. Veri bağlama(data-binding) yapılarıda model değiştiğinde view(görünüm) de otomatik olarak değişmektedir. Konuyu bir örnekle açıklayalım: SCRIPT: Controller içindeki kodda $scope nesnesine mesaj adında bir özellik tutturulmuştur. Daha önceki yazılardan hatırladığımız gibi mesajımız burada modelimizi ifade etmektedir. [crayon-59c201422d4aa915345907/]   HTML & SCRIPT  : Mesaj özelliği modelde değiştiği …

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 Controller Yapısı

Bu yazıda  Angular içindeki Controller yapısı ve kullanımını  anlatmaya devam edeceğiz.  Controller yapısı ile ilgili  ilk makalesi okumadıysanız 2. yazıyı okumanızı tavsiye ederim.   Bu yazıda anlatılacak kavramlar; Scope nesnesi ile karmaşık veriler gönderme Controller ismi yanlış yazıldığında ne olur Bir özellik ismi yanlış yazılmışsa ne olur Bir modüle tek satırda bir controller ve kayıt nasıl kaydedilir. Controllerin görevi view(görüntü) için …

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 »

AngularJS Nedir?

AngularJS nedir? AngularJS Web tarayıcısı üzerinde çalışan bir javascript kütüphanesidir. Kimilerine göre MVC, kimilerine göre MVVM denilmektedir. Angular tarafında ise MVW (Model View Whatever ) ifadesi kullanılıyor. Model View Whatever(Her Neyse) şeklinde yorumlamak mümkün. MVC ve MVVM ne olduğunu bilmiyorsanız wikipedia üzerinde biraz inceleme yapabilirsiniz.   Kim Geliştirmiştir? Google tarafından geliştirilmiş açık kaynak bir projedir. AngularJS tek sayfa uygulamaları geliştirmek için …

Devamını oku »