AngularJS router-ui。私はすでにネストされた構造を管理</p> <pre><code><div id="chat"> <div ui-view>Here should people.htm be loaded</div> <div ui-view="chat">Here is current person chat peopleChat.htm</div> </div> </code></pre> <p>：親私は何をしようとしている

Question

と同じレベルに指定されたビューでロード子状態。 「チャット」が「人」の子であれば問題ありません。

しかし、私はemを同じレベルにとどめたいが、別の状態にしておきたい。何かのようなもの。

$stateProvider 
    .state('people', { 
     url: '/people', 
     templateUrl: ..., 
     controller: ... 
    }) 
    .state('people.chat', { 
     views: { 
      'chat': { 
       url: '/:personId', 
       templateUrl: ..., 
       controller: ... 
      } 
     } 
    }) 

名前のないビューにデータが入力されています。名前のないビューが満たされた後、私は$ state.go（ 'people.chat'、{personId：vm.personId}）を呼び出しています。

何も起こっていません。

Answer 1

名の両方のビューと、あなたは大丈夫です：

<div id="chat"> 
    <div ui-view="main">Here should people.htm be loaded</div> 
    <div ui-view="chat">Here is current person chat peopleChat.htm</div> 
</div> 

そして、あなたのcontroler：

$stateProvider 
    .state('people', { 
     views: { 
      'main@': { 
       url: '/people', 
       templateUrl: ..., 
       controller: ... 
      } 
     } 
    }) 
    .state('people.chat', { 
     views: { 
      'chat@': { 
       url: '/:personId', 
       templateUrl: ..., 
       controller: ... 
      } 
     } 
    }) 

基本的に@絶対ターゲットビュー。
意味は、chat@のように使用すると、ルートhtmlの名前付きビューチャットを対象とします。あなたが巣に意見をしたい場合は

あなたはpeople状態が注入されたことをテンプレートにロードされたui-viewを対象chat@people
を使用することができます。

Plunker