Différence entre les accolades doubles et simples en JS angular?

Je suis nouveau dans ce monde angular, je suis un peu confondu avec l’utilisation d’accolades doubles {{}} et d’accolades simples {} ou bien aucune accolade n’est utilisée pour inclure l’expression comme dans les directives

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

{{}} – Accolades doubles:

{{}} sont des expressions angulars et sont très pratiques lorsque vous souhaitez écrire des choses en HTML:

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

Ne les utilisez pas à un endroit qui est déjà une expression!

Par exemple, la directive ngClick traite tout ce qui est écrit entre les guillemets comme une expression:

   

{} – simples accolades:

{} comme nous le soaps, représente des objects en JavaScript. Ici aussi, rien de différent:

 

Avec certaines directives comme ngClass ou ngStyle qui acceptent la carte:

 {{viruses.length}} viruses found! 
..

pas d’accolades:

Comme déjà mentionné, il suffit de ne pas utiliser de crochets dans les expressions. Assez facile:

 
Alarm! All the monkeys have escaped!

une autre chose à propos de {{}} il est également utilisé comme Watcher .. évitez autant que possible pour de meilleures performances