AngularJS $ stateParams.id всегда не определено

Question

Я не могу много часов понять, что не так с моим кодом. $ stateParams.id всегда не определено. Это мой контроллер:

.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> 

Answer 2

Я думаю, что синтаксис может быть различным для параметра. Вы можете попробовать изменить код так:

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

я надеюсь, что это поможет вам