$ modal.open не запускает контроллер после неактивности страницы - PullRequest
0 голосов
/ 18 марта 2019
$scope.wideFlexiModal = function (options) {
        if (options.backdrop) {var backdrop = options.backdrop;} else {var backdrop = true;} // Prevent closing modal without clicking modal button ?
        if (options.keyboard) {var keyboard = options.keyboard;} else {var keyboard = true;} // Prevent closing modal with keyboard ?
        if (options.templateUrl) {var tUrl = options.templateUrl;} else {var tUrl = 'partials/wideFlexiModal.html';} // Replace default template?
        if (options.controller) {var ctrl = options.controller;} else {var ctrl = 'modalWideFlexiCtrl';} // Replace default controller?
        if (options.windowClass) {var clas = options.windowClass;} else {var clas = 'wide_flexi_modal';} // Replace default class?

        return $modal.open({
            backdrop: backdrop,
            keyboard: keyboard,
            templateUrl: tUrl,
            controller: ctrl,
            windowClass: clas,
            scope: $scope,
            resolve: {
                options: function () { return options; }
            }
        });
    };

Этот код работает как положено. Я могу вызвать функцию столько раз, сколько захочу, и мой модальный режим откроется.

Но тогда, когда у меня в браузере открыта страница на более длительное время , она некоторое время неактивна, и когда я возвращаюсь к ней, то модал больше не открывается .

Я вижу, что функция инициирована и имеет все переменные, включая правильное имя контроллера и область действия. Но контроллер никогда не запускается снова.

Единственный способ вернуть мой модал после этого случая - обновить / перезагрузить страницу в браузере.

Это заголовок страницы:

<script type="text/javascript" src="js/lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/lib/angular.min.js"></script>
<script type="text/javascript" src="js/lib/angular-route.min.js"></script>
<script type="text/javascript" src="js/lib/angular-touch.min.js"></script>
<script type="text/javascript" src="js/lib/angular-cookies.min.js"></script>

<script type="text/javascript" src="js/lib/ui-bootstrap-tpls-0.12.0.min.js"></script>

<link rel="shortcut icon" href="favicon.ico" />
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
<link type="text/css" rel="stylesheet" href="css/screen.css"/>

<script type="text/javascript" src="js/lib/angular-sanitize.min.js"></script>
<script type="text/javascript" src="js/lib/ng-csv.js"></script>

Любая помощь будет высоко ценится.

...