title: AngularJS - (using Ionic framework) - data binding on header title not working
body: <p>I'm using an AngularJS-based library called &quot;Ionic&quot; (<a href="http://ionicframework.com/" rel="nofollow noreferrer">http://ionicframework.com/</a>).</p>
  <p>This seems simple, but it isn't working for me.</p>
  <p>In one of my views, I have the following</p>
  <pre><code>&lt;view title=&quot;content.title&quot;&gt;
    &lt;content has-header=&quot;true&quot; padding=&quot;true&quot;&gt;
      &lt;p&gt;{{ content.description }}&lt;/p&gt;
      &lt;p&gt;&lt;a class=&quot;button button-small icon ion-arrow-left-b&quot; href=&quot;#/tab/pets&quot;&gt; Back to home&lt;/a&gt;&lt;/p&gt;
    &lt;/content&gt;
  &lt;/view&gt;
  </code></pre>
  <p>In the controller for the above view, I have</p>
  <pre><code>angular.module('App', []).controller('DetailCtrl', function($scope, $stateParams, MyService) {
    
    MyService.get($stateParams.petId).then(function(content) {
      $scope.content = content[0];
      console.log($scope.content.title); // this works!
    });
  });
  </code></pre>
  <p>The data for this view is loaded via a simple HTTP GET service (called MyService).</p>
  <p>The problem is that when I view this page,</p>
  <pre><code>&lt;view title=&quot;content.title&quot;&gt;
  </code></pre>
  <p>Doesn't display the title. It's just a blank. According to the Ionic documentation (<a href="http://ionicframework.com/docs/angularjs/controllers/view-state/" rel="nofollow noreferrer">http://ionicframework.com/docs/angularjs/controllers/view-state/</a>), I think I'm doing the right thing.</p>
  <p>It's strange that <code>{{content.description}}</code> part works, but <code>content.title</code> doesn't work?</p>
  <p>Also, is it because I'm loading the content dynamically (via HTTP GET)?</p>