我正在使用Angular UI Bootstrap创建一个弹出框,但我找不到在弹出框内添加关闭按钮的选项。
我自定义了弹出框模板以包含关闭按钮。但我仍然找不到关闭弹出框的函数/事件。将isOpen设置为false只能在第一次使用时起作用,因为它只是覆盖了该函数 - 但此后就无法使用了。
<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" +
"");
}]);
我考虑编写一个指令来关闭按钮,以触发“带关闭按钮的弹出框”的“点击”事件。但我不确定这是否是正确的方法。
正确的方法是什么?