Angularjs ui.bootstrap弹出窗口单击关闭

我有一个带模板的popover

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

添加新的外部引用

所以，当我点击链接图标时，一个弹出框就会打开，并且没有这个标签

<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>

标题



Url



拯救

当我按下“软盘”图标时，我想关闭popover。有没有办法做到这一点

---

我能找到的只是

popover is open

值，但我不知道我是否能以某种方式使用它，有什么想法吗？

步骤1:将

pover is open=“isOpen”

添加到触发器链接

<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>

这在控制器中：

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

参见

（在angularJs应用程序中）对我有效的是使用

popover触发器=“'outsideClick'”

请注意按原样使用，即字符串的硬拷贝

“‘外部点击’”

如果你不使用angularJs，你可以写：

popover trigger=“外部单击”

例如：

<div uib-popover-template="'ApproveReject.html'"
     popover-trigger="'outsideClick'"
     popover-placement="bottom-right"
     ng-click="onSubmitOrderStatus('date',$event);approveDates('date')">
    Approve
</div>

批准

找到了一个可以这样做的plunkr：那就是。。。这方面有很多代码，我会尝试破译它，看看我能想出什么，谢谢你的回复

<div uib-popover-template="'ApproveReject.html'"
     popover-trigger="'outsideClick'"
     popover-placement="bottom-right"
     ng-click="onSubmitOrderStatus('date',$event);approveDates('date')">
    Approve
</div>