$ routeParams未定义

时间:2015-04-06 18:00:06

标签: javascript angularjs ionic-framework

我在角度JS中很漂亮,我遇到了问题。 instruccion console.log($ routeParams)向我展示了一条路线,但我不知道为什么。 我使用离子yeoman发生器创建了我的proyect。

这是在我的视图中(生成这样的网址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('TrackingCtrl', function($scope,$routeParams) {

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

})

我在这里定义了ngRoute int app.js

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

最后,对凉亭组件的引用是索引

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

提前感谢您的时间

1 个答案:

答案 0 :(得分:5)

似乎使用了角度ui-router,因此您需要使用$stateParams代替$routeParams