AngularJS data bind in ng-bind-html?

by

You should use $interpolate not $compile.
Write controller like this:

angular.module('app', ['ngSanitize'])
  .controller('MyCtrl', ['$scope', '$interpolate', function($scope, $interpolate){
   $scope.caption = 'My Caption';
   $scope.html = $interpolate('<div>{{caption}}</div>')($scope);
});

Then write HTML like this:

<div ng-controller="MyCtrl">
    <div ng-bind-html="html"></div>
</div>

More Related Contents:

  1. Angular sanitize / ng-bind-html not working?
  2. how to convert the float 9.88 number to integer 9 in angularjs?
  3. ‘this’ vs $scope in AngularJS controllers
  4. How can I dynamically add a directive in AngularJS?
  5. Binary files corrupted – How to Download Binary Files with AngularJS
  6. AngularJS – Does $destroy remove event listeners?
  7. Sending event when AngularJS finished loading
  8. AngularJS vs Angular [closed]
  9. AngularJS – pass function to directive
  10. How to skip the OPTIONS preflight request?
  11. Error: 10 $digest() iterations reached. Aborting! with dynamic sortby predicate
  12. How to select an element by classname using jqLite?
  13. Angularjs: input[text] ngChange fires while the value is changing
  14. Angular.js: How does $eval work and why is it different from vanilla eval?
  15. angular $q, How to chain multiple promises within and after a for-loop
  16. Angular JS: how to bind to promises
  17. Order by Object key in ng-repeat
  18. $apply vs $digest in directive testing
  19. Redirect using AngularJS
  20. Angular JS break ForEach
  21. Angular scope function executed multiple times
  22. How to wait till the response comes from the $http request, in angularjs?
  23. What’s the meaning of require: ‘ngModel’?
  24. Angular directive for a fallback image
  25. How to use `replace` of directive definition?
  26. How to implement an ng-change for a custom directive
  27. ng-repeat specify a starting index
  28. how to make synchronous http request in angular js
  29. how do I get ng-include directive to work with a Content Delivery Network?
  30. Inject module dynamically, only if required

Leave a Comment