UI-маршрутизатор - гнездовые состояния

Question

Мы имеем следующий код:

app.js

.state('app.single', { 
     url: "/paths/:pathId", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/path.html", 
      controller: 'PathCtrl' 
     } 
     } 
    }) 

.state('app.single.comments', { 
     url: "/comments", 
     views: { 
     'menuContent' :{ 
      templateUrl: "templates/comments.html", 
      controller: 'CommentsCtrl' 
     } 
     } 
    }); 
$urlRouterProvider.otherwise('/app/paths'); 

path.html:

<a class="tab-item" href="#/app/paths/{{path.pathid}}/comments"> 
    <i class="icon ion-chatbox"></i> 
    View Comments 
</a> 

Однако, когда я нажимаю на вид комментария, его не отображает представление, которое будет создано шаблонами/comments.html. Он остается на текущей вид/путь /: pathId (Смотрите скриншот)

http://i.stack.imgur.com/yH6Aw.png

Answer 1

код в app.js должен был как:

.state('app.single.comments', { 
    url: "/comments", 
    views: { 
    'menuContent@app' :{ 
     templateUrl: "templates/comments.html", 
     controller: 'CommentsCtrl' 
    } 
    } 
});