Как вы создаете постоянные ссылки для модалов

Question

У меня есть одностраничное приложение, в котором все содержимое загружается внутри разных модальных модулей Bootstrap поверх основного HTML.

В настоящее время я использую угловые и угловые ui-bootstrap-модалы.

Другая проблема заключается в том, что модалы не имеют постоянных ссылок. Вот модальный контроллер:

angular.module('inventarioNgApp') 
    .controller('WorldCtrl', function($scope, $uibModal, $log) { 

    $scope.items = ['item1', 'item2', 'item3']; 

    $scope.animationsEnabled = true; 

    $scope.open = function(size) { 

     var modalInstance = $uibModal.open({ 
     animation: $scope.animationsEnabled, 
     templateUrl: 'views/modal.html', 
     controller: 'ModalInstanceCtrl', 
     size: size, 
     resolve: { 
      items: function() { 
      return $scope.items; 
      } 
     } 
     }); 

     modalInstance.result.then(function(selectedItem) { 
     $scope.selected = selectedItem; 
     }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
     }); 
    }; 

    $scope.toggleAnimation = function() { 
     $scope.animationsEnabled = !$scope.animationsEnabled; 
    }; 

    }); 

angular.module('inventarioNgApp') 
    .controller('ModalInstanceCtrl', function($scope, $uibModalInstance, items) { 

    $scope.items = items; 
    $scope.selected = { 
     item: $scope.items[0] 
    }; 

    $scope.ok = function() { 
     $uibModalInstance.close($scope.selected.item); 
    }; 

    $scope.cancel = function() { 
     $uibModalInstance.dismiss('cancel'); 
    }; 
    }); 

Любая идея о том, как создавать постоянные ссылки для модалов?

Answer 1

создать маршрут для модалов и открыть всплывающее окно модели с использованием $ scope.open(); при начальной загрузке контроллера.