3
Anchor-Tag, auf dem html popoverHiding uib popover auf die Schaltfläche klicken Sie arbeiten nicht
<a popover-trigger="outsideClick" popover-placement="top" ng-click="sendMessagePopover.open()" type="button" popover-append-to-body="true" popover-is-open="sendMessagePopover.isOpen" uib-popover-template="sendMessagePopover.templateUrl">Menu</a>
ng-Vorlage, die auf dem Klick popover Schließen-Schaltfläche enthält schließen sollte.
<script type="text/ng-template" id="message-to-pnd-popover.tpl.html">
<div class="well">
<form name="myForm" ng-controller="myController">
<div class="form-group">
<span class="btn btn-primary" ng-click="sendMessagePopover.close()">Close</span>
</div>
</form>
</div></script>
Winkelregler Code
angular.controller('myController',['$scope',function($scope){
$scope.sendMessagePopover = {
on: false,
isOpen: false,
templateUrl: 'message-to-pnd-popover.tpl.html',
open: function() {
$scope.sendMessagePopover.isOpen = true;
},
close: function() {
$scope.sendMessagePopover.isOpen = false;
}
}]);
Wenn wir auf Anker-Link klicken Sie, um die Vorlage popover und wenn wir nach draußen auf eine beliebige Stelle den popover schließen.
Ich möchte das Popover schließen, wenn Benutzer auf Schließen klicken, die ich in Vorlage einlege. Aber es funktioniert nicht.
Ich bin neu diese Technologie, helfen Sie mit gutem Beispiel.
können wir auch den Controllercode haben? Ich meine den Funktionskopf und so? damit wir den ganzen Zusammenhang haben? – sam
Sie versuchen, das Popover bei einem weiteren Tastendruck zu schließen? – naveen
ja @naveen. Ich logge diesen Wert an die Konsole, um zu überprüfen, und es ist falsch oder nicht. Und Protokollausgabe "falsch". Aber Popover versteckt sich nicht. –