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