angular js

mvc tasarım desenini temel almış google destekli javascript mvc framework. biraz inceledikten sonra jquery falan nedir ki hacı adamlar javascript ile mucizevi bişey yapmışlar lan demenize sebep olabilir. en basitinden controller js diye bir dosyamız ve angular js nin source code u eklenmiş olan bi web sayfamız olsun.

controller js dosyamız şöyle olsun :

function uludagController($scope){
$scope.sayi = 0;
}

buda diğer tagları ve angular ile controller js dosyaları eklenmiş bir web sayfası olsun :

<div ng-controller="uludagController">
<button ng-click="sayi = sayi+1">tıkla hacı</button>
sayı : {{ sayi }}
</div>

evet doğru tahmin ettiniz her click de sayi bir artacak. süslü parantezler içine sayi*2 yazsaydınız misal buda işlem olarak ele alınacaktı.

http://angularjs.org/

mvc şeysinin ilk şeysi olan model in kullanımı ise şöyle; herhangi bir veri girişi alabileceğimiz elemente ng-model="datanınadı" şeklinde bir tag ekliyoruz. burada datanınadı kısmı girdiğimiz veriyi tutacak olan kısım. daha sonra çifte süslü parantez arasına datanınadı kısmını girip ekrana basabiliriz misal. http://jsfiddle.net/rXXX4/

$scope ve $rootScope mantığını kavramanız önemli olay orada dönüyor çünkü.

template üzerinde if sorgusu basittir.

ng-if="{{ falan.ID ? falan.Name : '' }}"

bunu yaparsanız kullandığınız yer şartlı veri döndürecektir.

Javascriptin içinden daha da çıkamamama sebep olan zımbırtı.

Sokaydım Typscriptine de loopsuna da cli sine de componentine de eventine de.

Seni de reactı da vueyi de kullanmıycam aq.