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
Migliorare la sicurezza dei prompt con Azure AI Studio
Ottimizzazione dei block template in Angular 17
Utilizzare il trigger SQL con le Azure Function
Rendere i propri workflow e le GitHub Action utilizzate più sicure
Creare una libreria CSS universale - Rotazione degli elementi
Introduzione ai web component HTML
La gestione della riconnessione al server di Blazor in .NET 9
.NET Conference Italia 2024
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
Utilizzare il metodo CountBy di LINQ per semplificare raggruppamenti e i conteggi
Creare un webhook in Azure DevOps
Effettuare il refresh dei dati di una QuickGrid di Blazor
I più letti di oggi
- Anonimizzare i dati sensibili nei log di Azure Front Door
- Annunciato Visual Studio 2013: la prima preview a fine mese a Build
- Loggare le query più lente con Entity Framework
- Utilizzare WhenEach per processare i risultati di una lista di task
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!