title: AngularJS - how to access array in object to use in ng-bind
body: <p>I'm learning AngularJS and I'm trying to insert a 'sanitised' title into a <code>h2</code> within a <code>ng-repeat</code>, however I cannot work out how to access the data within the array in the object. Everything else is working fine, I just need the '<code>title</code>' value.</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div ng-repeat="question in questions" ng-show="!!questions.length" class="question-list"&gt;              
  &lt;h2&gt;&lt;a ng-href="{{question.link}}" title="{{question.title}}" target="_blank" ng-bind-html="title"&gt;&lt;/a&gt;&lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the JS:</p>
  
  <pre><code>var loadFeed = angular.module('loadFeed', ['ngSanitize']);
  
  loadFeed.controller('feedController', ['$scope', '$http', function($scope, $http) {
  
      $scope.questions = [];    
      $http({
          method: 'GET',
          url: 'https://api.stackexchange.com/2.2/questions?pagesize=10&amp;order=desc&amp;sort=votes&amp;tagged=angular&amp;site=stackoverflow'
      }).then(function(feed) {
  
          console.log('success');
          console.log(feed);
  
          $scope.questions = feed.data.items;
          console.log($scope.questions);  
  
          $scope.title = $scope.questions.title; // This is what I need for the ng-bind
  
  
      },function(error) {
          console.log('error');
          console.log(error);
      }); 
  
  }]);
  </code></pre>
  
  <p>This does return an individual value (the first item's title):</p>
  
  <pre><code>$scope.title = $scope.questions[0].title;
  </code></pre>
  
  <p>However, I need the result of this (it's blank):</p>
  
  <pre><code>$scope.title = $scope.questions.title;
  </code></pre>
  
  <p>I've tried an <code>angular.forEach</code> and a JS loop however this just repeats every heading within the one list item. </p>
  
  <p>Is there anything I am missing?</p>