AngularJS Nedir?
Modal: Verilerin tutulduğu nesnelerdir. İlişkili olduğu View nesnesini tetikler.
View: Görünümün (template) tutulduğu nesnelerdir.Controller:
Modal ve View nesnelerinin bağlandığı nesnedir. İşlemler ve kontroller burada yapılır.
- ng-app: AngularJs kapsama alanını belirler.
- ng-model: Değişken tanımlamayı sağlar.
- {{degisken}}: Value değeri
- ng-controller: ;İlgili elementin hangi controller ile yönetilebileceği belirtilir. Bir html sayfasında birden çok controller kullanılabilir.
- ng-click: İlgili elemente click event'i atamamızı sağlar. ng-click içerisinde hangi fonksiyonun çağıralacağını, varsa parametreleri buradan gönderilir.
- ng-repeat: Bir liste üzerinde dönüp işlem yapmamızı sağlar. C#'taki foreach benzeri bir yapıya sahiptir.
- ng-class: Çok kullanılan AngularJs'lerden biridir. İlgili elemente class atamaktadır. Bunu yaparken ise koşul koymamıza olanak sağlar.
Example:
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
</head>
<title>Example of correct number calculation</title>
<body>
<h1>Example of correct number calculation</h1>
True Number :
<input type="text" ng-model="numberTrue" > <br/>
Wrong Number :
<input type="text" ng-model="numberWrong" > <br/>
Result : {{numberTrue-(numberWrong/4)}}
</body>
</html>
|
