首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >uib-popover意外地以"outsideClick“和uib-datepicker关闭。

uib-popover意外地以"outsideClick“和uib-datepicker关闭。
EN

Stack Overflow用户
提问于 2016-06-10 09:57:02
回答 1查看 495关注 0票数 0

uib意外地关闭了popover -模板、"outsideClick“触发器和其中的uib:事实上,当单击datepicker本身时,弹出程序意外地关闭。

在这里,打开弹出窗口的按钮:

代码语言:javascript
复制
<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模板:

代码语言:javascript
复制
<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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-10 15:50:17

我发现这已经是github上的马斯沃特了。

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

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

实际上,您需要添加一个

代码语言:javascript
复制
 ng-click="$event.stopPropagation()"

的父元素。

这个解决方案的一个快速示例可以找到这里 (由wesleycho本身提供)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37745295

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档