關閉按鈕的角度UI Bootstrap彈出窗口

我正在使用Angular UI Bootstrap創建彈出窗口，但我無法找到在彈出窗口內添加關閉按鈕的選項。關閉按鈕的角度UI Bootstrap彈出窗口

我自定義了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" + 
    ""); 
}]);

我還以爲寫了關閉按鈕的指令，觸發與關閉‘按鈕酥料餅的「點擊」的事件’，但我不知道這是遵循的方法。

什麼是遵循正確的方法呢？

來源

2013-06-18 Web Freak

我還是不敢相信他們還沒有實現關閉按鈕 – UltraSonja

我改變了提示和酥料餅的代碼。

這裏是如何看起來像plunker

這裏是pull request這一點。

來源

2013-07-11 18:41:01 maxisam

可惜它沒有工作，雖然..任何計劃解決它會很有用！:) – TimoSolo

現在的正確的解決方案是指定通過uib-popover-template屬性的酥料餅的模板，並綁定模板的關閉按鈕的ng-click處理程序的酥料餅的popover-is-open財產。我們加入這個屬性，允許用戶通過指定popover-trigger="none"「忽略」所提供的觸發選項（並給予用戶在何時顯示和隱藏酥料餅的完全控制。

您可能會看到最新的文檔（和示例）here

來源

2016-04-27 14:54:44 icfantv

關閉按鈕的角度UI Bootstrap彈出窗口

回答

相關問題