角度用户界面：下拉不能用datepicker

Question

我想添加Datepicker在下拉列表中，如下所示，并设置autoClose =“outsideClick”。但是，如果按下任何月份按钮，则会切换下拉菜单。如何解决这个问题？

HTML代码：

<div class="date-wrap pull-right" dropdown auto-close="outsideClick"> 
       <button class="btn btn-info" dropdown-toggle>Date Picker</button> 
       <div class="dropdown-menu datepicker" role="menu"> 
         <datepicker show-weeks="false" ng-model="dt"></datepicker> 
       </div> 
</div> 

Plunker：http://plnkr.co/edit/lBn3Oo?p=preview

Answer 1

您需要手动防止click事件冒泡，所以它永远不会到达最顶端的节点（文件），该关闭下拉列表：

<div class="date-wrap pull-right" dropdown auto-close="outsideClick"> 
    <button class="btn btn-info" dropdown-toggle>Date Picker</button> 
    <div class="dropdown-menu datepicker" role="menu" ng-click="$event.stopPropagation()"> 
     <datepicker show-weeks="false" ng-model="dt"></datepicker> 
    </div> 
</div> 

注意，ng-click="$event.stopPropagation()"这个技巧。

演示：http://plnkr.co/edit/pPwW83Ro0u0g4dVhyZaZ?p=info