Angularjs ifadeler kullanarak HTML verileri bağlar.
angularjs İfadeler
Ifadeleri çift süslü iç yazılabilir angularjs: {{ expression }} .
: Ifadeler aynı zamanda bir direktif iç yazılabilir angularjs ng-bind=" expression " .
Angularjs ifadesini çözmek ve anlatım yazılı tam olarak sonuç dönecektir.
Onlar değişmezleri, operatörler ve değişkenleri içerebilir: ifadeler fazla JavaScript ifadeleri gibi angularjs.
Örnek {{5 + 5}} ya da {{firstName + " " + velastName}}
Örnek
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="">
<p>My first expression: {{ 5 + 5 }}</p>
</div>
</body>
</html>
Kendin dene " Eğer kaldırırsanız ng-app yönergesi bunu çözmeden, olduğu gibi HTML ifadesini görüntüler:
Örnek
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div>
<p>My first expression: {{ 5 + 5 }}</p>
</div>
</body>
</html>
Kendin dene " istediğiniz yere Sen ifadeleri yazabilir angularjs basitçe ifade çözmek ve sonucu döndürür.
Örnek: Let angularjs CSS özellikleri değerini değiştirir.
onun değer değiştirerek aşağıdaki giriş kutusunun rengini değiştirin:
Örnek
<div ng-app="" ng-init="myCol='lightblue'">
<input
style="background-color:{{myCol}}" ng-model="myCol" value="{{myCol}}">
</div>
Kendin dene " angularjs Numaraları
Angularjs sayılar JavaScript numaralarına benzer:
Örnek
<div ng-app="" ng-init="quantity=1;cost=5">
<p>Total in dollar: {{ quantity * cost }}</p>
</div>
Kendin dene " Kullanarak aynı örnek ng-bind :
Örnek
<div ng-app="" ng-init="quantity=1;cost=5">
<p>Total in dollar: <span ng-bind="quantity * cost"></span></p>
</div>
Kendin dene " Kullanılması ng-init çok yaygın değildir. Sen kontrolörleri hakkında bölümdeki verileri başlatmak için daha iyi bir yol öğrenecektir.
angularjs Strings
Angularjs dizeleri JavaScript dizeleri gibidir:
Örnek
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>The name is {{ firstName + " " + lastName }}</p>
</div>
Kendin dene " Kullanarak aynı örnek ng-bind :
Örnek
<div ng-app="" ng-init="firstName='John';lastName='Doe'">
<p>The name is <span ng-bind="firstName + ' ' + lastName"></span></p>
</div>
Kendin dene " angularjs Nesneler
Angularjs nesneler JavaScript nesneleri gibidir:
Örnek
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>The name is {{ person.lastName }}</p>
</div>
Kendin dene " Kullanarak aynı örnek ng-bind :
Örnek
<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">
<p>The name is <span ng-bind="person.lastName"></span></p>
</div>
Kendin dene " angularjs Diziler
Angularjs diziler JavaScript diziler gibidir:
Örnek
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>The third result is {{ points[2] }}</p>
</div>
Kendin dene " Kullanarak aynı örnek ng-bind :
Örnek
<div ng-app="" ng-init="points=[1,15,19,2,40]">
<p>The third result is <span ng-bind="points[2]"></span></p>
</div>
Kendin dene " JavaScript İfadelerin vs angularjs İfadeler
JavaScript ifadeleri gibi, angularjs ifadeler değişmezleri, operatörler ve değişkenleri içerebilir.
JavaScript ifadeleri aksine, angularjs ifadeler HTML içine yazılabilir.
JavaScript ifadeleri yaparken ifadeler, koşul, döngüler ve istisnalar desteklemez angularjs.
JavaScript ifadeleri yok ederken angularjs ifadeler, filtreler destekler.