我有这个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>
当我按下“软盘”图标时,我想关闭弹出窗口.有没有办法做到这一点?
所有我能找到的on documentation是popover-is-open值,但我不知道我是否可以以某种方式使用它,任何想法?
步骤1:将popover-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>
第2步:单击popover中的软盘图标时,将isOpen设置为false:
这是popover的保存图标:
<i class="fa fa-floppy-o" ng-click="save()"> Save </i>
这是在控制器中:
$scope.save = function () { $scope.isOpen = false; };