Effettuare il binding di contenuti HTML con AngularJS

di Daniele Bochicchio, in HTML5, AngularJS,

Nello script #140 abbiamo visto come utilizzare la direttiva ng-bind per effettuare il binding di un contenuto direttamente nella vista. Per questioni di sicurezza, questa direttiva non consente di iniettare codice HTML, proteggendo l'utente da eventuali problemi.

Ci sono casi, però, in cui il contenuto che vogliamo mostrare contiene dell'HTML e per poter far sì che lo stesso venga visualizzato, dobbiamo ricorrere alla direttiva ng-bind-html:

<div ng-bind-html="Message"></div>

Il contenuto viene valutato e insirito in modo sicuro, grazie al servizio $sanitize, che va incluso tra le dipendenze, facendo riferimento al file angular-sanitize.js tra i moduli dell'applicazione.

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