Popover bootstrap UI angolare con pulsante di chiusura

Question

Sto utilizzando il Bootstrap UI angolare per creare un popover ma non riesco a trovare l'opzione per aggiungere un pulsante di chiusura all'interno del popover.

Ho personalizzato il modello di popover per includere il pulsante di chiusura. Ma non riesco ancora a trovare una funzione/evento per chiudere il popover. Impostare isOpen su false opere per la prima volta poiché sovrascrive la funzione, ma da quel momento in poi diventa inutilizzabile.

<button popover-placement="bottom" popover="test">POPOVER WITH CLOSE<button> 

Ecco lo script modello:.

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" + 
    ""); 
}]); 

ho pensato di scrivere una direttiva per il pulsante di chiusura per attivare l ' "evento di ' 'click Popover CON pulsante CLOSE' Ma io non sono sicuro se questo è l'approccio da seguire.

Qual è l'approccio corretto da seguire?

Answer 1

ho cambiato il codice tooltip e popover.

Ecco come sembra plunker

Ecco il pull request per questo.

Answer 2

La soluzione in questo momento è quello di specificare un modello popover tramite l'attributo uib-popover-template e si legano ng-click gestore stretta del tasto del modello per la proprietà del popover popover-is-open. Abbiamo aggiunto questa proprietà per consentire all'utente di "ignora" le opzioni di trigger forniti (specificando popover-trigger="none" e dare all'utente il pieno controllo su quando mostrare e nascondere la popover.

Si può vedere la documentazione aggiornata (e negli esempi) here