title: Angularjs not interpolating title for Bootstrap Popover
body: <p>I am trying to use a Bootstrap Popover in an AngularJS ngRepeat directive. The problem is the title attribute isn't being interpolated. How can I resolve this issue?</p>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;div ng-app="app" id="ng-app"&gt;
  &lt;ul ng-controller="Main"&gt;
      &lt;li ng-repeat="i in items" data-toggle="popover" title="{{ i.title }}" &lt;!-- Title isn't interpolated so Popover doesn't render a title --&gt;
          data-content="Events: {{ day.events.length }}"
          init-popover&gt;{{ i.data }}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>Code</strong></p>
  
  <pre><code>var app = angular.module('app', []);
  
  app.controller('Main', ['$scope', function($scope){
      $scope.items = [
          { title: 'Title 1', data: 'lorem' },
          { title: 'Title 2', data: 'ipsum' },
      ];
  }]);
  
  app.directive('initPopover', function() {
    return function(scope, element, attrs) {
      if (scope.$last){
        $('[data-toggle="popover"]').popover({container: 'ul'});
      }
    };
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/uqxr4apy/3/" rel="nofollow">FIDDLE</a></p>