【发布时间】:2015-04-06 18:00:05
【问题描述】:
我是 Angular JS 的菜鸟,我正面临问题。 instruccion console.log($routeParams) 向我展示了一个空的 routeParams,我不知道为什么。 我使用 ionic yeoman 生成器创建了我的项目。
这是在我的视图中(生成这样的网址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'])
最后对 bower 组件的引用是索引
<script src="bower_components/angular-route/angular-route.js"></script>
提前感谢您的宝贵时间
【问题讨论】:
-
使用
$stateparams而不是$routeParams -
@K.Toress 非常感谢答案,请发布它以标记为有效,只是一个小问题是 $stateParams。我真的很感激你的帮助
标签: javascript angularjs ionic-framework