Différence entre double et simple accolade dans AngularJS ?

Question

Je suis nouveau dans ce monde angulaire, je suis un peu confus avec l'utilisation des doubles accolades {{}} et des simples accolades {} ou parfois aucune accolade n'est utilisée pour inclure l'expression comme dans les directives

1. ng-class={expression}
2. liaison de données normale comme {{obj.key}}
3. ng-hide='mydata==="red"

Answer 1

{{}} - double curly braces:

{{}} sont des expressions Angular et sont très utiles lorsque vous souhaitez écrire quelque chose en HTML:

    {{planet.name == "Earth" ? "Oui! Nous sommes chez nous!" : "Eh! Où sommes-nous?"}}

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:

{} - accolades simples:

{} comme nous le savons représentent des objets en JavaScript. Ici aussi, rien de différent:

Avec quelques directives comme ngClass ou ngStyle qui acceptent des map:

{{viruses.length}} virus trouvés!

pas de crochets:

Comme déjà mentionné, il suffit de ne pas utiliser de crochets à l'intérieur des expressions. Très simple:

    Alarme! Tous les singes se sont échappés!

Answer 2

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

Answer 3

Je sais que c'est un ancien message et il pourrait être un peu hors sujet, mais ceci est en réponse à @DonD et @GafrieldKlon...

Il semblerait qu'un observateur soit en fait placé si vous utilisez la directive ng-bind, pas lors de l'utilisation de {{}}. Cela étant dit, je crois que la réponse de @riyas ci-dessus est toujours partiellement vraie en ce sens qu' éviter {{}} est généralement meilleur en termes de performances, mais pas pour la raison indiquée.

Cette réponse à un autre message explique ceci plus en détail.