你能在AngularJS中不重新加载控制器的情况下更改路径吗?

这个问题之前已经问过了，从答案来看情况不太乐观。我想在考虑这个示例代码的基础上再次提问...\n我的应用程序在提供服务的同时加载当前项。有几个控制器可以操作项的数据，而无需重新加载项。\n如果项尚未设置，我的控制器将重新加载该项，否则将在控制器之间使用当前加载的项。\n问题：我想为每个控制器使用不同的路径，而不重新加载Item.html。\n1）这可能吗？\n2）如果不可能，有没有更好的方法来实现每个控制器的路径，而不像我在这里想出的那样重新加载？\napp.js\n

var app = angular.module('myModule', []).
  config(['$routeProvider', function($routeProvider) {
    $routeProvider.
      when('/items', {templateUrl: 'partials/items.html',   controller: ItemsCtrl}).
      when('/items/:itemId/foo', {templateUrl: 'partials/item.html', controller: ItemFooCtrl}).
      when('/items/:itemId/bar', {templateUrl: 'partials/item.html', controller: ItemBarCtrl}).
      otherwise({redirectTo: '/items'});
    }]);

\nItem.html\n

Foo
Bar

\ncontroller.js\n

// 用于加载$scope.item的辅助函数，如果是刷新或直接链接
function itemCtrlInit($scope, $routeParams, MyService) {
  $scope.item = MyService.currentItem;
  if (!$scope.item) {
    MyService.currentItem = MyService.get({itemId: $routeParams.itemId});
    $scope.item = MyService.currentItem;
  }
}
function itemFooCtrl($scope, $routeParams, MyService) {
  $scope.view = {name: 'foo', template: 'partials/itemFoo.html'};
  itemCtrlInit($scope, $routeParams, MyService);
}
function itemBarCtrl($scope, $routeParams, MyService) {
  $scope.view = {name: 'bar', template: 'partials/itemBar.html'};
  itemCtrlInit($scope, $routeParams, MyService);
}

\n解决方案。\n状态：根据接受的答案中建议的使用搜索查询的方法，我能够在不重新加载主控制器的情况下提供不同的URL。\napp.js\n

var app = angular.module('myModule', []).
  config(['$routeProvider', function($routeProvider) {
    $routeProvider.
      when('/items', {templateUrl: 'partials/items.html',   controller: ItemsCtrl}).
      when('/item/:itemId/', {templateUrl: 'partials/item.html', controller: ItemCtrl, reloadOnSearch: false}).
      otherwise({redirectTo: '/items'});
    }]);

\nItem.html\n

Foo
Bar

\ncontroller.js\n

function ItemCtrl($scope, $routeParams, Appts) {
  $scope.views = {
    foo: {name: 'foo', template: 'partials/itemFoo.html'},
    bar: {name: 'bar', template: 'partials/itemBar.html'},
  }
  $scope.view = $scope.views[$routeParams.view];
}

\ndirectives.js\n

app.directive('itemTab', function(){
  return function(scope, elem, attrs) {
    scope.$watch(attrs.itemTab, function(val) {
      if (val+'Tab' == attrs.id) {
        elem.addClass('active');
      } else {
        elem.removeClass('active');
      }
    });
  }
});

\n我的partials中的内容被包裹在ng-controller=...中。