angularjs - Angular sanitize / ng-bind-html not working?

Question

I've got a repeater set up and can get data to display as long as there is no html within it.

I've included angular-sanitize.js and have tried using ng-bind-html

But nothing is displayed within the span, only within the ng-bind-html attribute. So it looks like sanitise isn't working,

I read that this needs to be added to the app dependencies but am not sure where to do so.

I've just been working through the tut on the angular site so only have a very basic controller set up at the minute.

Answer 1

1. You need to include the angular-sanitize.js http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js

2. Add 'ngSanitize' to you module dependencies

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

3. Don't use the {{}} in the attribute

   <h1 ng-bind-html="item.title"></h1>

4. Don't use $sce.trustAsHtml()