uib-Popover意外地通过popover-template,“ outsideClick”触发器和其中的uib-Datepicker关闭:实际上,单击datepicker本身时,弹出式窗口意外地关闭。

这是打开弹出窗口的按钮:

<div style="text-align:center;">
  <button uib-popover-template="'myPopoverTemplate.html'" popover-title="Popover title" type="button" class="btn btn-default" popover-trigger="outsideClick" popover-placement="bottom" >Open me</button>
</div>


和弹出模板:

<script type="text/ng-template" id="myPopoverTemplate.html">
    <div class="form-group">
      <uib-datepicker ng-model="dateTime" class="well well-sm"></uib-datepicker>
    </div>
    {{dateTime | date}}
</script>


plnkr中的完整代码:http://embed.plnkr.co/ESto8dgDbh52g0nl7g03/

这是角度引导程序的错误还是我错过了一些东西?我已经在角度引导github上打开了一个问题,您可以在这里关注:
https://github.com/angular-ui/bootstrap/issues/5979

最佳答案

我发现它已经在github上aswered了。

在下面,我将分享角度引导的主要贡献者之一韦斯利乔的答案:


  您必须手动停止单击事件传播。


实际上,您需要添加一个

 ng-click="$event.stopPropagation()"


在uib-datepicker的父元素上。

可以在here中找到此解决方案的快速示例(由wesleycho本身提供)。

10-06 00:03