如何使模态窗口打开动态内容并更改 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-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('^');
    });
}]
});