Angular UI Bootstrap popover与关闭按钮
发布时间:2020-12-17 08:06:27 所属栏目:安全 来源:网络整理
导读:我使用Angular UI Bootstrap创建一个popover,但是我无法找到在popover中添加关闭按钮的选项。 我定制了popover模板以包含关闭按钮。但是我仍然无法找到一个函数/事件来关闭popover。设置是首次打开虚拟作品,因为它只是覆盖了这个功能 – 之后变得不可用。
我使用Angular UI Bootstrap创建一个popover,但是我无法找到在popover中添加关闭按钮的选项。
我定制了popover模板以包含关闭按钮。但是我仍然无法找到一个函数/事件来关闭popover。设置是首次打开虚拟作品,因为它只是覆盖了这个功能 – 之后变得不可用。 <button popover-placement="bottom" popover="test">POPOVER WITH CLOSE<button> 这是模板脚本: angular.module("template/popover/popover.html",[]).run(["$templateCache",function($templateCache) { $templateCache.put("template/popover/popover.html","<div class="popover {{placement}}" ng-class="{ in: isOpen(),fade: animation() }">n" + " <div class="arrow"></div>n" + "n" + " <div class="popover-inner">n" + " <button ng-click="isOpen = !isOpen()" class="btn-popover-close btn btn-primary">Close</button>n" + " <h3 class="popover-title" ng-bind="title" ng-show="title"></h3>n" + " <div class="popover-content" ng-bind="content"></div>n" + " </div>n" + "</div>n" + ""); }]); 我想要写一个关闭按钮的指令来触发“POPOVER WITH CLOSE”按钮的“点击”事件,但我不知道这是否遵循。 什么是正确的做法?
现在正确的解决方案是通过uib-popover-template属性指定一个popover模板,并将模板的关闭按钮的ng-click处理程序绑定到popover-is-open属性。我们添加了此属性以允许用户“忽略”提供的触发器选项(通过指定popover-trigger =“none”,并使用户完全控制何时显示和隐藏popover。
您可能会看到更新的文档(和示例)here。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 如何禁用AngularJS链接?
- 解释器概述 shell基础 shell变量
- Scala – Play Framework 2.1中的AbsoluteURI支持
- 单元测试 – AngularJS – 具有值依赖注入的单元测试服务
- bootstrap table 集成查询,当列表向后翻几页后,在输入内容查
- Verify an App Store Transaction Receipt 【苹果服务端 验
- Scala – 没有TypeTag可用异常当使用case类尝试获取TypeTag
- FileTransfer未定义 – AngularJS
- angularjs – 在ng-repeat中有条件地添加Angular Bootstrap
- Axis2使用WebService的客户端实例