title: AngularJS interpolation error when parsing Object
body: <p>Just starting out with AngularJS. Trying to build a single page app to display slides/pages of my comic, one at a time.</p>
  
  <p>The data is getting pulled in from a JSON file, and that's working correctly. But Angular is throwing errors when I try to set up some basic binding. Any thoughts..?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;span ng-bind-html="showCurrentTitle"&gt;&lt;/span&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var comicsApp = angular.module('comicsApp', ['ngSanitize']);
  
  comicsApp.controller('comicsCtrl', ['$scope', '$http',
    function comicsCtrl($scope, $http) {
      $http.get('/luv-slimline/test/comics.json').success(function(data) {
        $scope.comics = data.comics;
      });
  
      $scope.showCurrentTitle = function() {
      return $scope.comics[0].title;
  }
  } //end ComicsCtrl
  ]);
  </code></pre>
  
  <p><strong>Error</strong></p>
  
  <pre><code>TypeError: Object function () { return $scope.comics[0].title; } has no method 'indexOf'
  </code></pre>
  
  <hr>
  
  <p>If I strip out the ngSanitize module, then the error message changes.</p>
  
  <p><strong>Alt error</strong></p>
  
  <pre><code>Error: [$sce:unsafe] http://errors.angularjs.org/undefined/$sce/unsafe
  </code></pre>
  
  <hr>
  
  <p>And if I swap out the ng-bind-html directive for the older-style mustache braces, then the error message changes again.</p>
  
  <p><strong>Alt error (2)</strong></p>
  
  <pre><code>Error: [$interpolate:interr] http://errors.angularjs.org/undefined/$interpolate/interr?p0=%7B%7BshowCurr…()%7D%7D&amp;p1=TypeError%3A%20Cannot%20read%20property%20'0'%20of%20undefined
  </code></pre>
  
  <hr>
  
  <p>Help, please?</p>
  
  <p>Cheers,
  Dan</p>