Javascript Girl
  1. Javascript Girl
  3. Comment éviter la sortie d'AngularJS HTML
Intereting Posts
Possibilité de réduire le contenu de l'iframe? Remplacer le fichier css à la volée (et appliquer le nouveau style à la page) Définir le contenu entre les balises div via javascript Comment analyser la chaîne JSON dans le type Chart.js Comment inverser les axes (swap)? Date () retourne la date invalide dans Safari et Firefox Comportement étrange de l'opérateur de comparaison JavaScript lorsque vous utilisez un tableau vide Le message d'erreur 'XMLHttpRequest ne peut pas être chargé. Les requêtes d'origine croisée ne sont prises en charge que pour HTTP dans AngularJS ' Spin wheel image in HTML5 (p. Ex. Roulette de roulette)? Comment tester le contrôleur d'une directive en utilisant angularJS-karma-jasmine? La fonction de rappel Javascript passe sur Android Implémentation de Google Translate avec des icônes de drapeau personnalisées Délai d'expiration infinie du jasmin Comment utiliser Typeahead.js 0.10 étape par étape / remote / prefetch / local Support SVG pour Internet Explorer 8 et ci-dessous

Comment éviter la sortie d'AngularJS HTML

Je reçois les données JSON du serveur, l'un des champs contient html échappé (un corps de courrier électronique en réalité):

<html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r\n</head>\r\n<body dir="auto">\r\n<div>Buonasera, ho verificato i dati sul mio account ed il numero di cell che vi ho fornito</div>\r\n<div><br>\r\n<a <html>\r\n<head>\r\n<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r\n</head>\r\n<body dir="auto">\r\n<div>Buonasera, ho verificato i dati sul mio account ed il numero di cell che vi ho fornito</div>\r\n<div><br>\r\n<a (plus …)

Je suis devenu fou pour essayer de le rendre avec AngularJs.

Ce qui suit ne fonctionne pas: 

 <div ng-bind-html-unsafe="mail.htmlbody"></div>

Ce qui, je le crois, est normal car le html est en fait échappé. Devrais-je l'annuler d'abord? Angular est-il capable de ne pas décocher html avec un service disponible?

Si j'utilise $ sce comme ceci: 

 scope.mail.htmlbody = $sce.trustAsHtml(scope.mail.htmlbody);

Le html source est affiché, en inspectant l'élément que je peux voir que le contenu est cité. En d'autres termes, dans la page, le html source est affiché au lieu du rendu html. Peut-être me manque-t-il quelque chose?

Parallèlement, le service $sce a été introduit (angulaire 1.2), le support de la directive ng-bind-html-unsafe été supprimé. La nouvelle directive est ng-bind-html . Si vous utilisez ceci, le code devrait fonctionner comme documenté : 

  <div ng-bind-html="mail.htmlbody"></div>

Utilisez cette directive: 

 <div ng-bind-html="mail.htmlbody"></div>

N'oubliez pas d'utiliser la désinfection angulaire sur votre module d'application.

Vérifiez ici: http://docs.angularjs.org/api/ngSanitize