Question

uib-Popover意外关闭了popover-template，“outsideClick”触发器和一个uib-Datepicker：事实上，当点击日期选择器本身时，弹出窗口意外关闭。

这里打开popover的按钮：

<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>

和popover模板：

<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/

这是角度引导的错误还是我遗漏了什么？我已经在angular bootstrap github上打开了一个问题，你可以在这里关注它： https://github.com/angular-ui/bootstrap/issues/5979

Answer 1

我发现github上已经有aswered。

下面我将与wesleycho分享答案，wesleycho是角度引导程序的主要贡献者之一：

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

更实际的是，您需要添加

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

在uib-datepicker的父元素上。

可以找到此解决方案的一个简单示例here（由wesleycho本身提供）。

uib-popover意外关闭“outsideClick”和uib-datepicker

1 个答案: