为什么在ngIf内部不会出现UI-Bootstrap popover?

时间:2016-09-23 09:57:01

标签: angularjs angular-ui-bootstrap popover angular-ng-if

代码说明了一切 我知道ngIf会从​​DOM中删除或克隆元素,但我不明白为什么popover指令会受到影响(popover-is-open)。
Plunker:https://plnkr.co/edit/eym62cur2cg1qyZzpQaf?p=preview

<div>
    <input type="text" 
      uib-popover="This one will appear" 
      popover-placement="right"     
      popover-is-open={{true}}
    />
</div>

<div  ng-if="true">
    <input type="text" 
      uib-popover="This one will not appear because of ngIf even if true" 
      popover-placement="right"     
      popover-is-open={{true}}
      placeholder="Why the ngIf prevent the popover to appear ??"
    />
</div>

1 个答案:

答案 0 :(得分:0)

你已经回答了自己的问题。由于您已经知道ng-if将删除DOM元素,因此请使用ng-show来解决您的问题。