Capire la normalizzazione con cui il motore di AngularJS processa le direttive è fondamentale.
AngularJS normalizzare un elemento (sia il tag che i suoi attributi) utilizzando un case di tipo camelCase, ma dato che l'HTML è case-insensitive, le direttive vengono trasformate in una versione lowercase, utilizzando il carattere - come separatore:
- vengono rimossi i prefissi, come data-;
- vengono convertiti i caratteri :, - e _ in camelCase
Per questo motivo, tutte le seguenti varianti sono valide:
<span ng-bind="name"></span> <span ng:bind="name"></span> <span ng_bind="name"></span> <span data-ng-bind="name"></span> <span x-ng-bind="name"></span>
Benché funzioni, andrebbe sempre preferita la versione con -. Nel caso si preferisse validare l'HTML, è sufficiente anteporre il prefisso data-, mentre le altre versioni esistono per motivi storici e andrebbero evitate.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Routing statico e PreRendering in una Blazor Web App
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Sfruttare al massimo i topic space di Event Grid MQTT
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Semplificare il deployment di siti statici con Azure Static Web App
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Miglioramenti nell'accessibilità con Angular CDK
Utilizzare Tailwind CSS all'interno di React: installazione
Usare una container image come runner di GitHub Actions
Definire stili a livello di libreria in Angular
Miglioramenti agli screen reader e al contrasto in Angular