AngularJS UI路由器状态不起作用

Question

I cant access pages when I use this state name item.info:( But when I make state name like itemInfo(not item.info) it all works fine. How can It be fixed and what`s the problem? UPD: No error showing. Only url change without any action. Not working:

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

Working:

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

Answer 1

Try this:

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

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

source: https://github.com/angular-ui/ui-router/wiki/URL-Routing