Wie man modales Fenster öffnet, um dynamischen Inhalt zu öffnen und URL zu ändern?

Question

Ich möchte modale Fenster öffnen verschiedene Routing wie diese Website machen http://architizer.com/projects/rauchkuchlhaus-auf-der-seewiese-am-schliersee-1/

Answer 1

Die Strömung ist:

1. Zustand für modale Fenster
2. Setzen modal Öffnung Logik innerhalb onEnter erstellen Objekt Route (wird ausgeführt wenn die Route in den aktuellen Status geändert wird).
3. Schließlich sollten alle Elemente (die neue Modale öffnen sollten) Referenzen haben, um die Route mit den benötigten Parametern ui-sref="home({foo: 'fooVal1'})" zu ändern.

Sie können eine Antwort häufig gestellte Fragen finden ui-router modal

$stateProvider.state("items.add", { 
url: "/add", 
onEnter: ['$stateParams', '$state', '$modal', '$resource', function($stateParams, $state, $modal, $resource) { 
    $modal.open({ 
     templateUrl: "items/add", 
     resolve: { 
      item: function() { new Item(123).get(); } 
     }, 
     controller: ['$scope', 'item', function($scope, item) { 
      $scope.dismiss = function() { 
      $scope.$dismiss(); 
      }; 

      $scope.save = function() { 
      item.update().then(function() { 
       $scope.$close(true); 
      }); 
      }; 
     }] 
    }).result.finally(function() { 
     $state.go('^'); 
    }); 
}] 
});