title: angular ng-if with bootstrap popover not working
body: <pre><code>&lt;div class="form-group" ng-if="firstname"&gt;
      &lt;label&gt;First Name&lt;/label&gt;
      &lt;input readonly type="text" class="form-control" id="first_name" ng-model="firstname" placeholder="First Name"&gt;
      &lt;a href="" data-toggle="popover" data-placement="bottom" data-trigger="focus" data-content="User Name" class="glyphicon glyphicon-info-sign infottp"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using above code. From that i am displaying a popover by clicking -info-sign glyphicon, i am using ng-if condition for show/hide instead of ng-show and ng-hide.My problem is when i use ng-if, popover is not working.But popover working in ng-hide condition and if i remove ng-if condition.My question is why popover not working in ng-if condition.</p>