Using HTML Entities within AngularJS strings

by

You do not need $sce to bind to strings with html. All you need is to inject ngSanitize into your app (it is not a core module), and then use the ng-bind-html attribute directive.

JavaScript

var app = angular.module('app', ['ngSanitize']);

app.controller('MainCtrl', function($scope) {
    $scope.title="&#189; Cookies &amp; <span class="cream">Cream</span>";
});

Html

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

Plunkr

More Related Contents:

  1. Delaying AngularJS route change until model loaded to prevent flicker
  2. AngularJS : Initialize service with asynchronous data
  3. Way to ng-repeat defined number of times instead of repeating over array?
  4. What is the difference between angular-route and angular-ui-router?
  5. Call AngularJS from legacy code
  6. Capitalize words in string [duplicate]
  7. Migrating AngularJS to Angular 4,5 (with DEMO) [closed]
  8. AngularJS sorting by property
  9. Angularjs – ng-cloak/ng-show elements blink
  10. How to trigger ngClick programmatically
  11. Replacing spaces with underscores in JavaScript?
  12. Ng-model does not update controller value
  13. Angularjs “Controller as” or “$scope”
  14. How to set the id attribute of a HTML element dynamically with angularjs (1.x)?
  15. How to filter by object property in angularJS
  16. password-check directive in angularjs
  17. Pass a string by reference in Javascript
  18. How to convert array into string without comma and separated by space in javascript without concatenation?
  19. Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)
  20. What is the elegant way to get the latest date from array of objects in client side?
  21. AngularJS Directives: Change $scope not reflected in UI
  22. Angular.js. How to count ng-repeat iterations which satisfy the custom filter
  23. CORS: credentials mode is ‘include’
  24. Replace multiple characters by one character with regex
  25. Angularjs does not load scripts within ng-view
  26. Print a div using javascript in angularJS single page application
  27. How can I use HTTPS in AngularJS?
  28. In what JS engines, specifically, are toLowerCase & toUpperCase locale-sensitive?
  29. AngularJS application file structure
  30. AngularJS event on window innerWidth size change

Leave a Comment