title: Popover on dynamically created element in Angular
body: <p>plunker example  <a href="http://plnkr.co/edit/xbAkED?p=preview" rel="nofollow">http://plnkr.co/edit/xbAkED?p=preview</a></p>
  
  <p>if an element is created dynamically and not available in the view on load, popover won't work.</p>
  
  <p>How can i make it work?</p>
  
  <pre><code>&lt;script&gt;
    angular.module('plunker', ['ui.bootstrap']);
    var testController = ['$scope', function($scope) {
      $scope.value = 'test';
  
    $('&lt;button id="needsPopover" style="margin-left:10px;" popover-title="1. Lowest" popover-template="template1"  popover-placement="bottom" popover-trigger="mouseenter"&gt;Dynamicaly Created Button&lt;/button&gt;').appendTo($('body'));
    }];
  
  
  &lt;/script&gt;
  </code></pre>