Utilizzare la direttiva ng-init per creare proprietà nello scope nel codice HTML

di Stefano Mostarda, in HTML5, AngularJS,

Nella maggior parte dei casi, quando dobbiamo creare una proprietà nello scope di un controller la creiamo all'interno del codice del controller. Tuttavia possiamo anche creare questa proprietà direttamente nel codice HTML della pagina tramite la direttiva ng-init. Questa direttiva permette di eseguire codice JavaScript inline come nel seguente esempio.

<div ng-init="people = [{name:'Stefano Mostarda', age:'18'},
{name:'Daniele Bochicchio', age:'16'},
{name:'Marco Leoncini', age:'15'},
{name:'Marco De Sanctis', age:'21'}]"></div>

<table>
  <tr><th>Name</th><th>Age</th></tr>
  <tr ng-repeat="p in people">
    <td>{{p.name}}</td>
    <td>{{p.age}}</td>
  </tr>
</table>

La variabile people dichiarata nel codice della direttiva ng-init viene automaticamente attaccata allo scope e quindi può essere usata in qualunque punto del codice HTML. Nel nostro esempio la variabile viene usata in binding con la tabella.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi