Popover de Bootstrap de IU angular que agrega un botón de cierre
Tengo la siguiente ventana emergente e intento agregar un botón de cierre para poder cerrarla.
.directive("popoverHtmlUnsafePopup", function () {
'use strict';
return {
restrict: "EA",
replace: true,
scope: { title: "@", content: "@", placement: "@", animation: "&", isOpen: "&", manualHide: '&' },
templateUrl: "views/popover/popover-html-unsafe-popup.html"
};
})
.directive("popoverHtmlUnsafe", [ '$compile', '$timeout', '$parse', '$window',"$tooltip", function ($compile, $timeout, $parse, $window, $tooltip) {
'use strict';
return $tooltip("popoverHtmlUnsafe", "popover", "click");
}]);
<div class="popover {{placement}}" ng-class="{ in: isOpen(), fade: animation() }">
<div class="arrow"></div>
<div class="popover-inner">
<h3 class="popover-title" ng-bind="title" ng-show="title"></h3>
<div class="popover-content" bind-html-unsafe="content">
</div>
<button type="button" class="close" popover-trigger="close">×</button>
</div>
</div>
Simplemente no estoy seguro de a qué evento o función llamar
<butto,n type="button" class="close" popover-trigger="close">×</button>
para poder cerrar la ventana emergente