如何讓模態窗口打開動態內容並更改網址？

Question

我想作的模態窗口中打開不同的路由這樣的網站http://architizer.com/projects/rauchkuchlhaus-auf-der-seewiese-am-schliersee-1/

Answer 1

的流程是：

1. 模態窗口創建路由狀態
內 onEnter財產（
2. 將模態開幕邏輯將運行當路線改變爲當前狀態時）。
3. 最後，所有的項目（應該打開新的模式）應該有參考改變路線與所需的參數ui-sref="home({foo: 'fooVal1'})"。

你可以找到常見問題的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('^'); 
    }); 
}] 
});