Angular UI Bootstrap-Modul Nicht Schließen auf die Schaltfläche Zurück

@HankScorpio die Lösung ist gut, aber ich glaube, es gibt eine vereinfachte option jetzt.

Gibt es keine Notwendigkeit zum speichern der aktuellen mehr modal, wenn Sie sich entweder ein $locationChangeStart oder $routeChangeStart Zuhörer mit $uibModalStack injiziert und rufen $uibModalStack.dismissAll(). $locationChangeStart hat den Vorteil der Zusammenarbeit für beide ngRoute und uiRoute.

d.h. Wenn nur für die eine Seite, die sich dann in Ihrem controller, den Sie haben würde:

angular.module('app')
    .controller('ctrl', ['$scope', '$uibModalStack', ctrl]);

function ctrl($scope, $uibModalStack) {
    $scope.$on('$locationChangeStart', handleLocationChange);

    function handleLocationChange() {
        $uibModalStack.dismissAll();
    }
}

Wenn Sie möchten, tun Sie dies für alle Seiten, dann definieren Sie diese in einer Fabrik, die wird immer geladen oder einfach nur eine app.führen Sie code-segment:

angular.module('app')
    .run(['$rootScope', '$uibModalStack', setupUibModal]);

setupUibModal($rootScope, $uibModalStack) {
    $rootScope.$on('$locationChangeStart', handleLocationChange);

    function handleLocationChange() {
        $uibModalStack.dismissAll();
    }
}

Habe ich dieses gleiche problem. Hier ist, wie ich es behoben.

1) Erstellen Sie einen Dienst für die Abstraktion der öffnung und Schließung der ein -, modal-und die Spur, die eine offen ist (notwendig für Schritt 2). Anstelle von aufrufen $modal.open() direkt, call ModalService.open().
Hier gehen Sie, Sie haben können, die ich schrieb:

(function () {
    'use strict';

    var theModule = angular.module('services.modalService', ['ui.bootstrap']);

    theModule.factory('ModalService', function ($modal) {
        var service = {};
        var currentModal;
        var clearModal = function () {
            currentModal = undefined;
        };

        service.getCurrentModal = function () {
            return currentModal;
        };

        service.open = function (options) {
            currentModal = $modal.open(options);
            currentModal.result['finally'](clearModal);
            return currentModal;
        };

        return service;
    });
}());

2) In eine Steuerung, einen Ereignis-listener hinzufügen $routeChangeStart dieses Ereignis wird ausgelöst, wenn jemand trifft die zurück-Taste.

$scope.$on('$routeChangeStart', function(){
  var currentModal = ModalService.getCurrentModal();
  if(angular.isDefined(currentModal)){
    currentModal.dismiss('cancel');
  }
});

3) Ihre modals sollte sich nun schließen, wenn ein user schlägt zurück.

4) Genießen.