在哪个 html 弹出框上定位标签
<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 代码
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;
}
}]);
当我们点击 anchor 链接时,它会弹出模板,当我们在任何地方点击外部时,它会关闭弹出框。
当用户点击我放在模板中的关闭按钮时,我想关闭弹出窗口。 但它不起作用。
我是这项技术的新手,请提供适当的示例。
最佳答案
popover-trigger="outsideClick"旨在在单击弹出窗口内容之外的任何位置时关闭弹出窗口。如果您想使用 is-open 属性管理弹出窗口的打开和关闭,请使用 popover-trigger="none"。
关于javascript - 在按钮单击时隐藏 uib 弹出窗口不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37207663/