javascript - $routeParams 未定义

Question

我对 Angular JS 很菜鸟，但我遇到了问题。指令console.log($routeParams) 显示routeParams 为空，我不知道为什么。我使用 ionic yeoman 生成器创建了我的项目。

这在我的 View 中(生成像这样的网址 http://localhost:8100/#/app/tracking/50 )

 <p ng-repeat="item in items">
   <a href="#/app/tracking/{{item .number}}" class="item item-icon-left">
     <i class="icon ion-home"></i>
      {{item .a}} - {{item .b}}
   </a>
 </p>

app.js 中我的路由器配置

.state('app.tracking', {
    url: "/tracking/:idItem",
data: {
    requireLogin: true
  },
views: {
  'menuContent': {
    templateUrl: "templates/tracking.html",
    controller: 'TrackingCtrl'
  }
}
})

这是我的 Controller (我尝试以这些方式访问)

.controller('TrackingCtrl', function($scope,$routeParams) {

  console.log($routeParams);
  console.log($routeParams.idItem);
  console.log($routeParams["idItem"]);

})

我在 app.js 中定义了 ngRoute

   angular.module('starter', ['ionic','angular-  md5','ngCordova','starter.controllers','ngRoute'])

最后对 Bower 组件的引用是索引

 <script src="bower_components/angular-route/angular-route.js"></script>

预先感谢您的宝贵时间

Answer 1

似乎您使用的是 Angular ui-router，因此您需要使用$stateParams而不是$routeParams。