angularjs – ui.bootstrap popover关闭点击

发布时间：2020-12-17 10:33:59 所属栏目：安全来源：网络整理

导读：我有这个popover模板 i class="fa fa-link" popover-placement="right" uib-popover-template="'newReferenceTemplate.html'" popover-title="New link" Add new external reference /i 因此,当我点击该链接图标时,将打开一个带有此模板的弹出窗口 script ty

我有这个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;  
};

见plunker

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!