ui.bootstrap popover dicht auf Klick

Question

Ich habe diese popover mit Vorlage

<i class="fa fa-link" popover-placement="right" uib-popover-template="'newReferenceTemplate.html'" popover-title="New link"> Add new external reference </i> 

Also, wenn ich auf den Link-Symbol klicken, wird ein popover öffnet abgesprochen dieses tamplate

<script type="text/ng-template" id="newReferenceTemplate.html"> 
    <label>Title</label> <br> 
    <input ng-model="link.Title"> <br> 
    <label>Url</label> <br> 
    <input ng-model="link.Url"><br> 
    <i class="fa fa-floppy-o" > Save </i> 
</script> 

Wenn ich drücken, dass ' Diskettensymbol, ich möchte das Popover schließen. Gibt es irgendwelche Möglichkeiten, dies zu tun?

Alles, was ich finden kann on documentation ist der popover-is-open Wert, aber ich weiß nicht, ob ich das irgendwie nutzen kann, irgendwelche Gedanken?

Answer 1

Schritt 1: Fügen Sie popover-is-open="isOpen" zur Triggerverbindung hinzu.

<i class="fa fa-link add-link" 
     popover-placement="right" 
     uib-popover-template="'newReferenceTemplate.html'" 
     popover-is-open="isOpen" 
     popover-title="New link"> Add new external reference </i> 

Schritt 2: Wenn Sie das Diskettensymbol in der popover klicken, setzen isOpen auf false:

Dies ist das Symbol des popover sparen:

<i class="fa fa-floppy-o" ng-click="save()"> Save </i> 

Dies ist in die Steuerung:

$scope.save = function() { 
    $scope.isOpen = false; 
}; 

Siehe plunker