Как заставить модальное окно открывать динамический контент и менять URL?

Question

Я хотел бы, чтобы модальное окно открывало другую маршрутизацию, как этот сайт http://architizer.com/projects/rauchkuchlhaus-auf-der-seewiese-am-schliersee-1/

Answer 1

Поток это:

1. Создать состояние маршрута для модального окна
2. Поместите модальную логику открытия внутри onEnter свойство (будет работать, когда маршрут будет изменен на текущее состояние).
3. Наконец, все элементы (которые должны открывать новые модалы) должны иметь ссылки для изменения маршрута с необходимыми параметрами. ui-sref="home({foo: 'fooVal1'})",

Вы можете найти ответ в общих вопросах для UI-роутера модальных

$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('^');
    });
}]
});