1

Я хочу получить id из url http://localhost/Inventory/Details/4b72c58e-ec01-4cc7-aa84-0763d9f9aad2 в контроллере. Использую $stateProvider, но $stateParams.id всегда пустой. Вот мой модуль:

   'use strict';
(function (angular) {

    angular.module('inventory', [
        'ngMaterial',
        'common',
        'ui.router'
    ]).config(configuration);

    configuration.$inject = ['$stateProvider'];

    function configuration($stateProvider) {
        $stateProvider
           .state('inventory.details', {
               url: '/Inventory/Details/:id',
               templateUrl: '/app/inventory/inventory.html',
                controller: 'InventoryController'
            });
    }
}(angular));

Вот контроллер:

(function() {
    'use strict';
    angular.module('inventory').controller('InventoryController', InventoryController);
    InventoryController.$inject = ['$stateParams'];
    function InventoryController($stateParams) {
        var id = $stateParams.id;

UPD Проблема была в объявлении контроллера:

<div ng-include="'/app/inventory/inventory.html'" ng-controller="InventoryController as vm"></div>

После замены на:

<div ui-view="page"></div>

все работает

12
  • а вообще запускается все? без ошибок в консоли?
    – Grundy
    25 окт 2016 в 12:43
  • да, все работает. ошибок нет. 25 окт 2016 в 12:58
  • А можете показать код, где вы вкладываете параметр при переходе на стэйт inventory.details?
    – Max
    25 окт 2016 в 13:16
  • Добавил в ответ код, с помощью которого вы можете отправить параметр в ваш стэйт.
    – Max
    25 окт 2016 в 13:27
  • 1
    Сделай пример полный, который запустить можно.
    – Qwertiy
    25 окт 2016 в 13:35

1 ответ 1

0

Переход на другой стэйт должен быть примерно таким:

function go(detailId) {
   $state.go('inventory.details', { id: detailId });
}

Здесь в функцию go вы передаете нужный вам id и он будет передан в ваш стэйт inventory.details

Нужно указать в стэйте параметр явно.

function configuration($stateProvider) {
    $stateProvider
       .state('inventory.details', {
           url: '/Inventory/Details/:id',
           templateUrl: '/app/inventory/inventory.html',
           controller: 'InventoryController',
           params: { id: null }
        });
}
4
  • нет, не нужно. Это не обязательно
    – Grundy
    25 окт 2016 в 12:46
  • попробовала добавить, но результат все тот же 25 окт 2016 в 12:59
  • Пару дней назад была подобная проблема в ionic приложении. Мне помогло явное указание параметра в стейте.
    – Max
    25 окт 2016 в 13:18
  • @Grundy извиняюсь, да вы правы, если параметр указан в url его можно не указывать в params.
    – Max
    25 окт 2016 в 13:36

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.