title: How to bind array with ng-bind-html directive in angularJS?
body: <p>I want to show for every item different description. 
  This is the controller:</p>
  
  <pre><code>todoApp.controller('todos',function($scope,todoFactory){
        todoFactory.getTodos().success(function (data) {
          courses = x2js.xml_str2json(data);
          $scope.todos = courses.rss.channel.item;
          for(var i = 0 ; i &lt; $scope.todos.length ; i++){
            item = $scope.todos[i];
           console.log(item.description);
            $scope.message = item.description;
          }
        });
  </code></pre>
  
  <p>this is the html:</p>
  
  <pre><code>&lt;div ng-controller="todos" class="list" style="padding-top: 8%"&gt;
        &lt;div class="list card" ng-repeat="todo in todos | filter:search" &gt;
          &lt;div class="item item-avatar" ng-click="openLink(todo.link)" &gt;
            &lt;img src="Bla-Bla-Logo-1.png"&gt;
            &lt;h2&gt;{{todo.title}}&lt;/h2&gt;
            &lt;p&gt;{{todo.pubDate | limitTo:25 }}&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="item item-body"&gt;
            &lt;p ng-bind-html="message"&gt;&lt;/p&gt;
            &lt;p&gt;
              &lt;a href="#" class="subdued"&gt;1 Like&lt;/a&gt;
              &lt;a href="#" class="subdued"&gt;5 Comments&lt;/a&gt;
            &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--end list card--&gt;
      &lt;/div&gt;
      &lt;!--end todos--&gt;
  </code></pre>
  
  <p>Just to explain the code I get xml and convert into json so todos is array of objects.
  Message is entering every object and get the description (but in the description has tags so i use ng-bind-html directive to show it properly).</p>
  
  <p>I understand that $scope.message will hold just the last description. How to make it to belong in the ng-repeat so I can get different description for different item?</p>
  
  <p>Thanks.</p>