неправильная ссылка url в angularJs

Я работаю в MEAN stack. Для моего интерфейса я пытаюсь отобразить данные одного элемента из моего списка элементов с помощью angular. Когда я щелкаю элемент, URL-адрес изменяется на другой, чем я установил, и я не получаю данные. Я смог увидеть это только после использования режима отладки. Ожидаемая ссылка/item/:itemid, но я получаю /item/partials/item.htmlя использовал следующие файлы:

главный.маршрут.js (только маршрут с показанной проблемой)

function config($routeProvider, $locationProvider) {
$routeProvider
    .when('/item/:itemid', {
        templateUrl: 'partials/item.html',
        controller: 'productCtrl',
        controllerAs: 'vm'
    })
    .otherwise({redirectTo: '/'});

    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    }); 
};

myData.услуга.js

angular
    .module('myApp')
    .service('myData', myData);

function myData ($http) {
    var itemById = function (itemid) {
        return $http.get('/api/items/' + itemid);
    };

    return {
        itemById : itemById
    };
}

товар.контроллер.js

angular
    .module('myApp')
    .controller('productCtrl', productCtrl)

function productCtrl($routeParams, myData) {
    var vm = this;
    vm.itemid = $routeParams.itemid;

    myData.itemById(vm.itemid)
        .success(function(data) {
            vm.data = { item : data };
            vm.pageHeader = {
                title: vm.data.item.name
            };
        })
        .error(function (e) {
            console.log(e);
        });
};

предметы.html (ссылка на страницу одного элемента)

<a href='/#/item/{{ item._id }}'>{{ item.name }}</a>

пункт.формат html

<div  ng-controller='productCtrl'>
    <div class='container'>
        <page-header content='vm.pageHeader.title'></page-header>   
    </div>
</div>

Простите меня, если вопрос не имеет большого смысла, так как я новичок в этом. Заранее спасибо!

1 ответ