falsche Link in angularJs

Question

Ich arbeite in MEAN-Stack. Für mein Frontend versuche ich Daten eines einzelnen Artikels aus meiner Artikelliste mit eckigen zu rendern. Wenn ich auf das Element klicke, ändert sich die URL auf eine andere als die von mir festgelegte und ich erhalte die Daten nicht. Ich konnte dies erst nach dem Debugging-Modus sehen. Die erwartete Verbindung ist /item/:itemid aber ich bin immer /item/partials/item.html ich die folgenden Dateien verwendet:

main.route.js (mit Problem nur Route gezeigt)

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

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

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

    return { 
     itemById : itemById 
    }; 
} 

product.controller.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); 
     }); 
}; 

items.html (Link auf einzelne Artikelseite)

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

item.html

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

Verzeihen Sie mir, wenn die Frage nicht viel Sinn macht, wie ich bin neu dazu. Danke im Voraus!

Answer 1

den Schrägstrich auf diesem Anker entfernen unter:

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