javascript - Angular stateParams 到 Controller ，$urlRouterProvider

Question

我正在使用 Ionic 和 AngularJS 构建应用。

现在我有一个包含项目列表的页面。每个项目都有一个 ID，因此点击会产生如下结果:

/item/1

或

/item/2

其中 1 和 2 是 ID。

现在我有这样的默认状态，对于具有此列表的主页:

.state('app.home', {
url: "/home/",
views: {
  'menuContent': {
    templateUrl: "app/home.html"
  },
},
controller: 'HomeCtrl'

})

我想要的是将参数传递给 Controller ​​。我发现的是以下解决方案，但这不起作用。原因是它不知道要使用哪个 Controller (在上面的示例中，指定了 HomeCtrl。)。

.state('app.item', {
url: "/item/:id",
views: {
  'menuContent': {
    templateUrl: "app/item.html"
  },
},
controller: function($scope, $stateParams) {
  $scope.id = $stateParams.id;
}

})

如您所见，controller 现在有一个函数，但是我应该在哪里指定要使用的实际 Controller 呢？另外，这是正确的方法还是有更好/更简单的方法？

Answer 1

.controller('controllerName',
    [       '$scope','$stateParams'
    function($scope , $stateParams ) {    
        // 
        $scope.id = $stateParams.id;

在 $stateParams.id 中，id 将是您在 url(:id) 中定义的参数名称。