Angularjs 带角度ui路由器的嵌套状态重定向到父状态

我试图在AngularJS上创建带有

ui路由的嵌套状态

：

.state('compare', {
    url: '/compare',
    templateUrl: '/views/compare.list.html',
    controller: 'CompareListCtrl'
})

.state('compare.compare', {
    url: '/compare',
    templateUrl: '/views/compare.table.html',
    controller: 'CompareTableCtrl'
})

.state('compare.compareTwo', {
    url: '/:models',
    templateUrl: '/views/compareTwo.html',
    controller: 'CompareTwoCtrl'
})

如果我转到

比较/比较

或

比较/thinkpad-t400-and-thinkpad-x200

，url保持不变，但

“比较”

状态视图和控制器显示

这是为什么？我该如何修复它？我创建的。我猜，你忘了为儿童国家提供一个目标

这应该是父视图

<div>
    <h1>compare</h1>

    with a target for child here:

    <hr />

    <div ui-view=""></div>
</div>

检查一下

  $urlRouterProvider.otherwise('/compare');

  // States
  $stateProvider
    .state('compare', {
      url: '/compare',
      templateUrl: 'views/compare.list.html',
      controller: 'CompareListCtrl'
    })

  .state('compare.compare', {
    url: '/compare',
    templateUrl: 'tpl.html',
    controller: 'CompareTableCtrl'
  })

  .state('compare.compareTwo', {
    url: '/:models',
    templateUrl: 'tpl.html',
    controller: 'CompareTwoCtrl'
  });