Bu açısal dünyasına yeni duyuyorum, çift ayraç kullanımı ile afalladım. {{}} ve tek kaşlı ayraçlar{} ya da bazen hiç ayraç direktifleri gibi ifade eklemek için kullanılır

1. ng-class={expression}
2. normal data binding like{{obj.key}}
3. ng-hide='mydata==="red"'

{{}} - ayraç çift:

{{}} ifadeler Açısal falan HTML yazmak istediğinizde oldukça kullanışlı

<div>
    {{planet.name == "Earth" ? "Yeah! We 're home!" : "Eh! Where 're we?"}}
</div>

<!-- with some directives like `ngSrc` -->
<img ng-src="http://www.example.com/gallery/{{hash}}"/>

<!-- set the title attribute -->
<div ng-attr-title="{{celebrity.name}}">...

<!-- set a custom attribute for your custom directive -->
<div custom-directive custom-attr="{{pizza.size}}"></div>

Zaten bir ifadesi olan bir yer şu anda kullanmayın!

Örneğin, 10 ** yönergesine bir ifadesi olarak tırnak işaretleri arasında yazılı olarak davranır:

<!-- so dont do this! -->
<!-- <button ng-click="activate({{item}})">... -->  

{} - tek kaşlı:

Bildiğimiz gibi {} JavaScript nesneleri için stand. Burada, farklı bir şey de:

<div ng-init="distanceWalked = {mon:2, tue:2.5, wed:0.8, thu:3, fri:1.5, 
sat:2, sun:3}">

Göster kabul ngClass ngStyle gibi: bazı direktifler ile

<span ng-style="{'color' : 'red'}">{{viruses.length}} viruses found!</span>

<div ng-class="{'green' : vegetable == 'lettuce', 
'red' : vegetable == 'tomato'}">..

hayır ayraç:

Zaten içindeki ifadeler ne zaman bracketless git bahsetti. Oldukça basit:

<div ng-if="zoo.enclosure.inmatesCount == 0">
    Alarm! All the monkeys have escaped!
</div>