title: angular ui bootstrap popover open programmatically
body: <p>I am trying to open the popover dynamically by setting popover-is-open property to true dynamically from the controller like this:</p>
  
  <pre><code>    var el = angular.element(target.id); //popover attached to this element
      el.attr('popover-is-open',true) //setting attribute to true
      $compile(el.contents())($scope) //recompiling
      $scope.$digest();//running digest
  </code></pre>
  
  <p>Here is the html</p>
  
  <pre><code>&lt;div id="taskcard-{{task.externalId}}" 
       popover-append-to-body="true" 
       popover-trigger="'none'" 
       popover-is-open="false"
       uib-popover-template="templateurl" 
       popover-title="testing"&gt;
            POPOVERS
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, this doesn't work. Is there any other way around this?</p>