Javascript UI路由器未按预期工作（嵌套视图！）

我正在尝试在当前项目中使用ui路由器。但不知何故，当谈到嵌套视图时（我认为我写的是正确的），它并没有显示视图的内容。。让我给你看看我的代码

.state('sport', {
  url:'/sport',
  templateUrl: 'views/sport.html',
  controller: 'HomeCtrl',
  controllerAs:'home',
  requireLogin:false,
})
.state('sport.subs', {
  url:'/left',
  parent:'sport',
  views: {
    'left@sport': { templateUrl:'views/partials/left-sidebar.html'},
    'content@sport': {templateUrl:'views/home.html'},
    'right@sport':{templateUrl:'views/partials/sup-nav.html'}
  },
  onEnter:function() {
    console.log("leftside Entered");
  },
  requireLogin:false
})

还有我的sport.html

<div ui-view="left"></div>
<div ui-view="content"></div>
<div ui-view="right"></div>

它正在打开sport.html并显示其内容，但不显示嵌套视图

我什么都试过了。我在这里和其他任何地方都研究过这个问题，但找不到解决办法。。不知何故，当它提到嵌套视图时，它就像是有什么东西挡住了它，或者我做错了。。我不知道。。任何帮助都将不胜感激

当我尝试调试时，似乎每个视图都已加载。

---

附言：我删除了“家长”，然后加上它，我几乎尝试了所有的方法

好的，我解决了我的问题

我把我的路线代码改成这个，解决了我的问题

 .state('sport', {
url: '/sport',
controller: 'HomeCtrl',
views: {
  '@': {
    templateUrl: 'views/home.html'
  },
  'left@sport': {templateUrl: 'views/partials/left-sidebar.html', controller: 'HomeCtrl'},
  'content@sport': {templateUrl: 'views/content.html', controller: 'HomeCtrl'},
  'right@sport': {templateUrl: 'views/right-side-bar.html', controller: 'HomeCtrl'}
}

})

如果我想添加子状态，我就是这样做的；（我正在更改父路由器的右侧）

---

请为plunker提供最少的代码。在这一点上，你的代码中的许多东西可能是错误的。无论如何，谢谢你，我真的很感激你的回答，但我得到了解决办法。：）

.state('eventResult', {
  parent:'sport',

  views: {
    'content@sport': {templateUrl:'views/event-result-manager.html', controller: 'EventResultManagerCtrl', controllerAs: 'vmEventResultManager'},
    'right@sport': {templateUrl:'views/event-result-manager-right.html', controller: 'EventResultManagerCtrl', controllerAs: 'vmEventResultManager'}
  },
  url:'/event-result',

  requireLogin:false
})