2016-06-10 114 views
0

uib-Popover意外关闭了popover-template,“outsideClick”触发器和一个uib-Datepicker:事实上,当点击日期选择器时popover意外关闭本身。uib-popover意外关闭“outsideClick”和uib-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

回答

1

我发现这已经aswered GitHub上。

下面我将分享wesleycho答案,角引导的主要贡献者之一:

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

更多pratically,您需要将UIB-日期选择器的父元素上添加

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

这个解决方案的一个简单例子可以找到here(由wesleycho本身提供)。