angular

03_AngularJS-Expression

Angularda aslında en basit konusu expressinlardir. Konular ilerlemeden expressinlari bir bakalım ve bundan sonrada sürekli kullancağımız için bizim için Angular denince akla gelecek şey olacak. Çokta önemsemiycez bunu yani adını bile unutabiliriz okadar iyi bilcez 🙂
ÖR: {{birseyler}} bu gördüğünüz bir expressiondır. Ve birseyler de gerçekten birşeyler vardır. Ve bu birseyler direk olarak HTML imize data binding yapmamızı saylar.

İşte Anguların en meşhur örneği; Bir inputa yazı girersiniz ve bu onu anında alt satırdada gösterir.Bu çok güzel gelir insana ve angular sizi burda avlar. 🙂

İnputta olan değişimi anında yazar. ng-model degişikligi dinler. ve yeni bir değer girildiğne bunu parantezler arasında yazılı olan model ismine set eder. Yada update eder.

Automatic olarak angular her değişmede update yapar. Buna data-binding denir.

<body>

Name:<input ng-model=”name” type=”text”/>

Hello {{name}}

</body>

<body>

First name:<input ng-model=”firstName” type=”text”/><br>

Last name:<input ng-model=”lastName” type=”text”/><br>

Merhaba {{firstName}} {{lastName}}

</body>

İlk yazımızdada göreceğiniz üzere inputta bir deger giriyoruz Ve bunu hemen altında yazıyoruz.

ÖR: http://oguzozkaraca.com/01_angulara-giris/

 

Controller ile kullanımı;

https://plnkr.co/edit/poT2Pp?p=info

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir