Question

我有以下代码为popover提供两个选项，但是当我调整页面大小时，我想关闭popover

以下是我的popover代码

<div class="form col-xs-12 noPad left">
    <h2 class="page-title">Projects
        <span class='icon-settings-big' style='cursor:pointer;float:right;margin-top:-10px;' title='settings' uib-popover-template="dynamicPopoverPageSettings.templateUrl" popover-placement="bottom-right" popover-class="settingsClass"></span>
    </h2>
</div>

Answer 1

我们调整大小绑定：

<强> HTML：

调整大小属性：

<div ng-app="App_Name" ng-controller="App_Controller" resize> </div>

<强>角：

使用指令：

var app = angular.module('App_Name', []);

function App_Controller($scope) {
    /* some other code */
}

app.directive('resize', function ($window) {
    return function (scope, element) {
        angular.element($window).bind('resize', function () {
            /* close the popover */
        });
    }
})

从技术上讲，你不需要在指令中注入范围，但你可以像这样访问它。

关闭你的弹出窗口取决于你的结构。我更喜欢使用jquery的简单方法：$('#POPOVER_ID').popover('hide');

如何在窗口调整大小时关闭角度bootstrap popver

1 个答案: