title: How to inject HTML using Angular 1.4?
body: <p>I have a data source that contains an array of raw HTML strings.  I must display these in a page to the user.</p>
  
  <p>Being a bit new with Angular, the first thing I tried was this:</p>
  
  <pre><code>&lt;div ng-repeat="html in ctrl.html" ng-bind="html"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This causes Angular to escape my HTML and display it as a string.  It isn't what I need, but at least it shows that Angular is, indeed, loading the data.</p>
  
  <p>Doing a Google search, I read about the ng-bind-html-unsafe directive, which I understand is supposed to inject text into an HTML document without escaping or sanitizing it in any way, which is what I want because I must trust our data source.</p>
  
  <pre><code>&lt;div ng-repeat="html in ctrl.html" ng-bind-html-unsafe="html"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This doesn't work, either.  It just shows me a blank page.  When I open the document inspector, I see that there is a div tag for each entry in the HTML array, but the divs are all blank.</p>
  
  <p>Doing more Google-fu, I found discussions about calling methods on $scope to make Angular play nice with this.  They say that ng-bind-html-unsafe is deprecated.</p>
  
  <p>With all the talk about different ways to do what I need with different versions of Angular, how do I do this with today's version: 1.4?</p>