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
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Evitare la command injection in un workflow di GitHub
Eseguire una GroupBy per entity in Entity Framework
Usare un KeyedService di default in ASP.NET Core 8
.NET Conference Italia 2023
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Elencare le container images installate in un cluster di Kubernetes
Disabilitare automaticamente un workflow di GitHub
Eseguire attività pianificate con Azure Container Jobs
Routing statico e PreRendering in una Blazor Web App
Controllare gli accessi IP alle app con Azure Container Apps
Gestire undefined e partial nelle reactive forms di Angular