AngularJS $stateParams.id 始终未定义

Question

我花了好几个小时才弄清楚我的代码出了什么问题。 $stateParams.id 始终未定义。这是我的 Controller :

.controller('ordersCtrl', [
    '$scope',
    '$http',
    '$stateParams',
    'orders',
    'meals',
    function($scope, $http, $stateParams, orders, meals){
        console.log($stateParams.id); 
    ...
 }])

我的州:

.state('orders/{id}', {
    url: '/orders',
    templateUrl: '/orders.html',
    controller: 'ordersCtrl'
})

还有我的链接:

<a href="#/orders/{{$index}}">Order</a>

这有什么问题吗？

Answer 1

您所在的州应为:

.state('orders_view', {
    url: '/orders/:id',
    templateUrl: '/orders.html',
    controller: 'ordersCtrl'
})

state()的第一个参数只是一个标签。它不关心参数。这是为 url 保留的。

此外，链接的正确形式是:

<a href ui-sref="orders_view({id: $index})">Order</a>