UI-Routerが期待通りに動作しません（ネストビュー！）

Question

現在のプロジェクトでui-routerを使用しようとしています。しかし、どういうわけか、それは、ネストされたビューに来るとき（私は適切かつ正しいことを書いたと思います）、それはビューの内容を示すdoesntの..私はあなたに私のコードをお見せしましょう。..

.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を開き、その内容を示すが、ビューを入れ子にされていません。..

私はすべてを試みました。私はここのどこかでこの問題について研究していますが、解決策を見つけることができませんでした。どういうわけか、それが何かをブロックしているようなネストされたビューになると、私はすべて間違っています。

デバッグしようとすると、すべてのビューが読み込まれているようです。 PS：「親」を削除して追加しました。ほとんどすべてを試しました。

Answer 1

大丈夫私は私の問題を解決しました。

私はこれに私のルートコードを変更することで私の問題を解決しました。

.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'} 
} 

}）

と私はサブ状態を追加したい場合は、私はこのようにやっています。 （私は親ルータの右側を変更しています）

.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 
})