angularjs - directivas - ng-if

Diferencia entre llaves dobles e individuales en JS angular?

Question

Soy nuevo en este mundo angular, estoy un poco confundido con el uso de llaves dobles {{}} y llaves simples {} o alguna vez no se utiliza la llave para incluir la expresión como en las directivas

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

Answer 1

{{}} - llaves dobles:

{{}} son expresiones angulares y son bastante útiles cuando deseas escribir cosas en HTML:

<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>

¡No los uses en un lugar que ya sea una expresión!

Por ejemplo, la directiva ngClick trata cualquier cosa escrita entre las citas como una expresión:

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

{} - llaves simples:

{} como sabemos representan objetos en JavaScript. Aquí, también, nada diferente:

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

Con algunas directivas como ngClass o ngStyle que aceptan el mapa:

<span ng-style="{''color'' : ''red''}">{{viruses.length}} viruses found!</span>
<div ng-class="{''green'' : vegetable == ''lettuce'',
''red'' : vegetable == ''tomato''}">..

sin llaves:

Como ya se mencionó, simplemente no interrumpa cuando esté dentro de expresiones. Bastante sencillo:

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

Answer 2

una cosa más acerca de {{}} también se usa como Vigilante ... por favor, evita tanto como sea posible para un mejor rendimiento