Angular UI Bootstrap popover与关闭按钮

前端之家收集整理的这篇文章主要介绍了Angular UI Bootstrap 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

原文链接:https://www.f2er.com/angularjs/144144.html

猜你在找的Angularjs相关文章