parameter directivas compile angularjs

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

  1. ng-class={expression}
  2. normal data binding like{{obj.key}}
  3. 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