AngularJS UI路由器状态不起作用

Question

当我使用状态名称item.info时，我无法访问页面：(但是当我将状态名称设为itemInfo（not item.info）时，它都可以正常工作。如何解决该问题，这是什么问题？UPD：无错误显示。仅URL更改，没有任何操作。不起作用：

.state('item', {
    url: '/items',
    template: '<items></items>',
}).state('item.info', {
    url: '/:itemId',
    template: '<item-info></item-info>',
    params: {
        itemId: null
    }
})

工作方式：

.state('item', {
  url: '/items',
  template: '<items></items>',
}).state('itemInfo', {
  url: '/item/:itemId',
  template: '<item-info></item-info>',
  params: {
    itemId: null
  }
})

Answer 1

尝试这个：

 .state('item', {
    url: '/items',
    template: '<items></items>',
 })

 .state('item.info', {
    url: '^/:itemId',
    template: '<item-info></item-info>',
    params: {
      itemId: null
 }
})

来源： https : //github.com/angular-ui/ui-router/wiki/URL-Routing