Capire la normalizzazione dei nomi delle direttive con AngularJS

di Daniele Bochicchio, in HTML5, AngularJS,

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

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