AngularJSでは、「ルート」ビューと同じ「ビュー」を表示するように状態/ビューを設定する方法と、必要に応じて孫のビューを設定する方法はありますか？

Question

私は、「ホーム」ビューと「メッセージング」ビューと「会話」ビューを持っています。私はいつも 'メッセージング'ビューを表示するために '家庭'のビューをしたい。これは簡単な部分ですが、私は以下のコードでそれを行いました。しかし、ユーザーが 'メッセージング'ビューでリンクをクリックすると、次のようになります。

1. 「会話」ビュー（以下のサンプル）に移動します。 または
2. 「会話」ビューを「メッセージング」の子として表示します。

ここまでは私がこれまで持っていたものへのリンクです。私はこれを働かせるためにかなりの時間を費やしてきており、それが '1'と '2'の両方を行うことができませんでした。ここに私の現在の状態設定があります。あなたは、このリンクでは、完全な例を見ることができます：

http://plnkr.co/edit/eVhPAr4zGmsbiNUKdzz3?p=preview

homeApp.config(function ($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/'); 
    $stateProvider 
     .state('home', { 
      url: '/', 
      views: { 
       '': { templateUrl: 'home.html', controller: "homeController" }, 
       'messaging@home': { templateUrl: 'messaging.html', controller: "messagingController" } 
      } 
     }) 
     .state('conversations', { 
      url: '/conversations', 
      views: { 
       '': { templateUrl: 'conversations.html', controller: "conversationsController" } 
      } 
     }) 
}); 

Answer 1

次に、あなたがそれを行うためにnested states or nested viewsを使用しようとすることができます。

.state('home.nestedView', { 
     url: '/nestedView', 
     views: { 
      '': { templateUrl: 'conversations.html' } 
     } 
    })