Несколько PARAMS с использованием UI-маршрутизатора

Question

У меня возникли некоторые странные проблемы, проходящие несколько параметров с помощью ui-router

Моих ui-sref выглядит следующим образом:

ui-sref="app.bins.view({binId:{{gridDisplayItem.id}},allowUpload:'{{gridDisplayItem.user_upload}}'})" 

если я осмотреть элемент, я вижу что-то вроде:

<a ui-sref="app.bins.view({binId:3,allowUpload:'No'})" href="#/app/bins/view/3"> 
    <i class="fa fa-folder-open" style="font-size:18px;color:green"></i> 
</a> 

поэтому правильное значение передается.

Когда я перехожу на app.bins.view, и я делаю console.log($stateParams.binId);, он показывает 3.

Если у меня есть console.log($stateParams.allowUpload);, я получаю undefined.

Если я делаю console.log($stateParams); я получаю Object {binId: "3"}

Согласно документации, я делаю это правильно: https://github.com/angular-ui/ui-router/wiki/Quick-Reference#ui-sref

Что я здесь делаю неправильно?

Answer 1

Самое главное, что информация, содержащаяся в документации UI-маршрутизатор (https://github.com/angular-ui/ui-router/wiki/URL-Routing#stateparams-service), чтобы понять, является следующая

$stateProvider.state('contacts.detail', { 
    url: '/contacts/:contactId', 
    controller: function($stateParams){ 
     $stateParams.contactId //*** Exists! ***// 
    } 
}).state('contacts.detail.subitem', { 
    url: '/item/:itemId', 
    controller: function($stateParams){ 
     $stateParams.contactId //*** Watch Out! DOESN'T EXIST!! ***// 
     $stateParams.itemId //*** Exists! ***// 
    } 
}) 

Вы должны быть уверены, объявлять параметры конфигурации поставщика.

Если целью вашего параметра allowUpload является то, что я думаю, не должно быть причин, по которым вы не можете использовать событие ng-click на своем href, чтобы иметь функцию, вызванную в вашем контроллере, которая затем использует $ state .go() для управления изменением вида. Просто передайте переменную контроллеру.