uib-popover 意外关闭 "outsideClick" 和 uib-datepicker

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>

和弹出窗口模板：

<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 的错误还是我遗漏了什么？我已经在 angular bootstrap github 上开了一个问题，你可以在这里关注它： https://github.com/angular-ui/bootstrap/issues/5979

Answer 1

我发现这已经在 github 上 aswered。

下面我将分享来自angularbootstrap的主要贡献者之一wesleycho的回答：

You have to manually stop the click event propagation.

更实用的是，您需要添加一个

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

在 uib-datepicker 的父元素上。

可以找到此解决方案的快速示例 here（由 wesleycho 本身提供）。

uib-popover 意外关闭 "outsideClick" 和 uib-datepicker

uib-popover unexpectedly closes with "outsideClick" and uib-datepicker

html

javascript

angularjs

angular-ui-bootstrap