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
Utilizzare la libreria Benchmark.NET per misurare le performance
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati
Utilizzare il trigger SQL con le Azure Function
Disabilitare automaticamente un workflow di GitHub (parte 2)
Ottimizzazione dei block template in Angular 17
Utilizzare l'operatore GroupBy come ultima istruzione di una query LINQ in Entity Framework
Eseguire operazioni con timeout in React
Eseguire query manipolando le liste contenute in un oggetto mappato verso una colonna JSON
Implementare il throttling in ASP.NET Core
Visualizzare le change sul plan di Terraform tramite le GitHub Actions
Applicare il versioning ai nostri endpoint ASP.NET Core Minimal API
Migrare una service connection a workload identity federation in Azure DevOps
I più letti di oggi
- Miglioramenti nelle performance di Angular 16
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- HTML5 con CSS e JavaScript
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- Ottimizzazione dei block template in Angular 17
- Disabilitare automaticamente un workflow di GitHub (parte 2)