共享一个控制器的角度多条路线

我不确定我是否正确处理了这个问题，但我正在构建一个电子商务网站 - 该网站的一部分有 6 个不同的产品网格页面，每个页面都可以使用相同的视图：

<ul class="products row">
    <li class="product thumbnail col-1 grid" ng-repeat="whisky in whiskies | orderBy: sort">
        <p class="picture">
            <a ng-href="#/json/{{whisky.id}}"><img ng-src="images/scotch/{{whisky.imageUrl}}" alt="{{whisky.name}}"/></a>
        </p>
        <div class="desc">
            <h2>{{whisky.name}}</h2>
            <p class="price"><span>&pound;{{whisky.price}}</span></p>
        </div>
        <div class="actions">    
        <button class="add-to-basket btn btn-primary btn-medium fa fa-shopping-cart" data-item='{"imageUrl" : "{{whisky.imageUrl}}", "price" : "{{whisky.price}}", "startPrice" : "{{whisky.price}}", "name" : "{{whisky.name}}", "totalItems" : "{{1}}"}' ng-click="updateMiniBasket($event)"></button>    
        </div>
    </li>
</ul>

和相同的控制器：

whiskyControllers.controller('whiskyListCtrlr', ['$scope', 'whiskyList', '$http', 

    function($scope, whiskyList, $http){

        whiskyList.getWhiskies().then(function(d) {
            $scope.whiskies = d.data;
        })

    }

])

但需要在路线提供者配置中有不同的路线，即一条去苏格兰，一条去爱尔兰，一条去日本等。

如何对路由进行编码，以便不同的页面共享相同的控制器和视图？是否可以将参数从路由器传递到控制器？

非常感谢

是的，您可以根据需要多次重复使用控制器和视图。如果我理解正确的话，您希望不同的路线使用相同的控制器和视图？这很容易。此外，您希望能够在触发路由时将变量传递到控制器吗？也容易。这是一个不使用的示例ui-router.

angular.module('myApp').config(['$routeProvider', 'whiskeyList', appConfig]); 

function appConfig($routeProvider, wiskeyList) {
  $routeProvider
  .when('/scotch', {
    controller: 'whiskeyListCtrlr',
    resolve: {
      data: function(whiskeyList) {
        return whiskeyList.getWhiskeys();
      }
    }
  })
  .when('/irish', {
    controller: 'whiskeyListCtrlr',
    resolve: {
      data: function(whiskeyList) {
        return whiskeyList.getWhiskeys();
      }
    }
  });
}

显然，这个实现不是 DRY（Don't Repeat Yourself）。我会重新考虑你的实施。我会改变whiskeyList.getWhiskeys()接受一个参数，告诉它要返回的威士忌类型。例如，whiskeyList.getWhiskeys('scotch')。然后，您在控制器中收到的数据将被过滤为仅显示视图所需的数据。

路由器解析函数中映射的数据在控制器中通过名称进行访问。

whiskyControllers.controller('whiskyListCtrlr', ['$scope', 'data', function ($scope, data) {
  $scope.whiskeys = data;
});