Angular - 获取项目页面（动态网址）

Question

我正在开发一个基本的导航结构 - 登录，项目列表，然后点击其中任何一个都应该带我到一个关于我刚刚点击的项目的页面。页面之间的导航有效，除了我无法进入项目页面本身。当我点击某个项目时，网址会发生变化，但页面不会更改，并且项目页面的控制器永远不会被调用。

这是app.config中的路由：

$stateProvider

.state('login', {
  url: '/login',
  templateUrl: 'templates/login.html',
  controller: 'LoginCtrl'
})

.state('content', {
  url: '/content',
  templateUrl: 'templates/content.html',
  controller: 'LandingCtrl'
})

.state('content.item', {
  url: '/:itemId',
  templateUrl: 'templates/item.html',
  controller: 'ItemCtrl'
});

项目列表中的代码（我们应该从中点击一个并转到自己的页面）：

  <a ng-repeat="item in items" href="#/content/{{item.id}}">
  </a>

项目控制器的代码（在路由到项目页面时调用）：

.controller('ItemCtrl', function($scope, $stateParams, ItemFactory) {
    $scope.itemInfo = ItemFactory.getItemById($stateParams.itemId);
});

任何人都可以看到我可能做错了吗？我已经阅读了文档，似乎是正确的。