同じビュー（Ui-Router）で2つのテンプレートをレンダリングしてみましょう

Question

同じビューで同時に2つのテンプレートを2つの異なるui-viewを使ってレンダリングしようとしています。私はおそらく何かが不足しているが、何がわからない。助けてもらえますか？

マイApp.js

var routerApp = angular.module('routerApp', ['ui.router']); 

routerApp.config(function($stateProvider) { 

    //$urlRouterProvider.otherwise('/home'); 

    var People = { 
    name: 'People', 
    url: '/People', 
    views: { 
     'PeopleView': { 
     templateUrl: 'People.html' 
     } 
    } 

    } 

    var Company = { 
    name: 'Company', 
    url: '/Company', 
    views: { 
     'CompanyView': { 
     templateUrl: 'Company.html' 
     } 
    } 
    } 

    $stateProvider.state(People); 
    $stateProvider.state(Company); 
}); 

HTML

<div class="container"> 
    <fieldset> 
    <div class="row"> 
     <legend>Content</legend> 
     <div ui-view="PeopleView" class="col col-md-4"></div> 
     <div ui-view="CompanyView" class="col col-md-4"></div> 
    </div> 
    </fieldset> 
</div> 

Full Code

Answer 1

私はあなたが達成するために必要なものはかなりわからないんだけど、私はあなたの意見の両方を置くべきだと思います同じ状態にして作業してください。

$stateProvider.state('mainState', { 
    views: { 
     'CompanyView': { 
     templateUrl: 'Company.html' 
     }, 
     'PeopleView': { 
     templateUrl: 'People.html' 
     } 
    } 
}) 

私は何を意味するのかを説明するためにあなたの塊を編集しました。 - http://plnkr.co/edit/V0lF78MZhrOnwXF7F6Ih?p=preview