Wie generieren Sie Permalinks für Modale

Question

Ich habe eine einzelne Seite Anwendung, wo der gesamte Inhalt in verschiedenen Bootstrap-Modals über den Haupt-HTML geladen wird.

Ich benutze derzeit Angular und Angular-Ui-Bootstrap Modale.

Das andere Problem ist, dass die Modale keine Permalinks haben. Hier ist der modale Controller:

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

Irgendeine Idee, wie Permalinks für die Modale zu generieren?

Answer 1

Route für Modals erstellen und das Modell-Popup öffnen, indem $ scope.open(); bei initialer Belastung des Controllers.