ng-bind-html - w3toppers.com

Angular sanitize / ng-bind-html not working?

You need to include the angular-sanitize.js http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js Add ‘ngSanitize‘ to you module dependencies var myApp = angular.module(‘myApp’, [‘ngSanitize’]); Don’t use the {{}} in the attribute <h1 ng-bind-html=”item.title”></h1> Don’t use $sce.trustAsHtml()

AngularJS data bind in ng-bind-html?

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>