Sintassi della direttiva ripetizione angolare

Question

Sono nuovo di zecca per AngularJS e mentre facevo il corso Codecademy mi sono bloccato. Stavo cercando di ripetere una direttiva usando la seguente sintassi.

<div class="card" ng-repeat="app in apps"> 
    <app-info info="{{ app }}"></app-info> 
</div> 

Ho giocato un po 'e ho capito che avevo bisogno di rimuovere le parentesi graffe.

<div class="card" ng-repeat="app in apps"> 
    <app-info info="app"></app-info> 
</div> 

Ma se non stavo usando una direttiva penso che accetterei le informazioni come questa. AngularJS documentation.

<div class="card" ng-repeat="app in apps"> 
    {{ app }} 
</div> 

Qualcuno potrebbe spiegare perché non ho bisogno delle parentesi graffe per aiutarmi a capire meglio AungularJS. Grazie!

Answer 1

L'utilizzo dei simboli di interpolazione {{}} dipende dall'attuazione della direttiva. Alcune direttive come ng-click='expression' o ng-if='expression' prendono un'espressione senza i doppi riccioli.

Considerando che alcune altre direttive come ng-src='{{expression}}' accettano il simbolo di interpolazione.

Tutto dipende da come è stata impostata la direttiva.

L'utilizzo di base dell'interpolazione è eseguire l'espressione e sostituire il contenuto con il valore restituito di espressione (un valore stringa).

Man mano che si impara di più sulle direttive, si impara come i parametri vengono passati alle direttive utilizzando @,=,&. Questi parametri potrebbero essere un semplice valore stringa (nel qual caso è possibile utilizzare un'interpolazione) o un oggetto o una funzione.

Answer 2

In questo caso particolare, utilizzando {{data}} si sta valutando il valore di tale variabile, ma quando lo fai info="app" in altra direttiva che contiene una variabile scope chiamato info, quello che stai facendo è vincolante la variabile info portata della nostra direttiva app-info ai controller (o direttiva parent) Variabile dell'ambito app.