【问题标题】:Double popover window bug双弹出窗口错误
【发布时间】:2018-04-16 02:14:03
【问题描述】:

当我单击启用弹出窗口的按钮时,它会正常工作,但是当我单击另一个按钮以显示不同帐户的弹出菜单时,第一个菜单并没有消失,我不确定我要做什么需要添加到我的代码中才能实现这一点。

<td ng-class="bsPolicy.adjustBodyCell(grouplvl, '5', 'attach')" class="popover-row"
ng-if="dirvm.tabs[0].isActive">
<button class="vismaicon vismaicon-attach"
        uib-popover-template="bsPolicy.dirvmConstant.AppendicesOfGroupPopoverTemplate"
        popover-enable="false"
        popover-trigger="outsideClick" ng-click="dirvm.setCollapsedSubAppendices($event)" popover-placement="auto bottom"
        ng-if="grouplvl.accountRows.length > 0" ng-class="grouplvl.subAppendices.length > 0 ? '': 'disabled'"></button>

Here is how it currently looks like

【问题讨论】:

  • 您使用的是哪个版本的 AngularUI-bootstrap?
  • 我目前使用的是 1.3.3 版

标签: html angularjs angular-ui-bootstrap frontend


【解决方案1】:

popover-trigger 属性值需要用单引号括起来(从 AngularUI-Bootstrap 版本 2.0.0 开始)。

<td ng-class="bsPolicy.adjustBodyCell(grouplvl, '5', 'attach')" class="popover-row" ng-if="dirvm.tabs[0].isActive">
<button class="vismaicon vismaicon-attach"
    uib-popover-template="bsPolicy.dirvmConstant.AppendicesOfGroupPopoverTemplate"
    popover-enable="false"
    popover-trigger="'outsideClick'" ng-click="dirvm.setCollapsedSubAppendices($event)" popover-placement="auto bottom"
    ng-if="grouplvl.accountRows.length > 0"
    ng-class="grouplvl.subAppendices.length > 0 ? '': 'disabled'"></button>

文档链接:https://github.com/angular-ui/bootstrap/tree/master/src/popover

【讨论】:

  • 单引号是指包裹在 div 标签中吗?我真的不明白
  • 单引号是 ' 字符。看看我对 popover-trigger 值做了什么?而不是“outsideClick”,您需要放置“' outsideClick '”。 (加空格强调)
  • 没用。该按钮停止工作,并且在 Web 控制台中也没有显示任何错误。
  • 我目前使用的是 AngularUI-Bootstrap 1.3.3 版
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-10-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-02
相关资源
最近更新 更多