2016-06-10 155 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本身提供)。