angularjs - directivas - ng-if
Diferencia entre llaves dobles e individuales en JS angular? (2)
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
ng-class={expression}
-
normal data binding like{{obj.key}}
-
ng-hide=''mydata==="red"''
{{}} - 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>
una cosa más acerca de {{}}
también se usa como Vigilante ... por favor, evita tanto como sea posible para un mejor rendimiento