как закрыть угловой загрузчик попвер на изменение размера окна

Question

У меня есть следующий код для всплывающего окна, чтобы предоставить две опции, однако, когда я изменяю размер страницы, я хочу закрыть всплывающее окно

Ниже мой код поповера

<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');