[英]Hiding uib popover on button click not working
錨標簽上的html popover
<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-Template包含關閉按鈕的關閉按鈕。
<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>
角度控制器代碼
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;
}
}]);
當我們點擊錨鏈接時,它會彈出模板,當我們點擊外面的任何地方時它會關閉彈出窗口。
當用戶點擊我放入模板的關閉按鈕時,我想關閉popover。 但它不起作用。
我是這項技術的新手,請提供適當的例子。
popover-trigger =“outsideClick”用於在單擊popover內容之外的任何位置時關閉popover。 如果要使用is-open屬性管理打開和關閉彈出窗口,請使用popover-trigger =“none”。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.