角度のUIルータの子要素

Question

私はUIルータを備えたapp.configを持っています。それは、コントローラ、recoverLoginとのログインページがあり、私はフッタ、ヘッダ、テンプレートに（特定の場所で）ロードすることができる新しい状態でより多くのものを入れたいと思います。

私のモジュールである：

var app = angular.module("app", [ 
    "ui.router", 
    "pascalprecht.translate" 
]); 

私のルートです。

app.config(function($stateProvider, $urlRouterProvider) 
{ 
    $stateProvider 
    .state("login", { 
     url: "/login", 
     templateUrl: "views/accessControl/login.html", 
     controller: "loginCtrl" 
    }); 
    $stateProvider 
    .state("recoverLogin", { 
     url: "/recoverLogin", 
     templateUrl: "views/accessControl/recoverLogin.html", 
     controller: "recoverLoginCtrl" 
    }); 
    $stateProvider 
    .state("template", { 
     url: "/template", 
     templateUrl: "views/templates/template.html", 
     controller: "templateCtrl" 
    }) 
    .state("template.dashboard", { 
     url: "/dashboard", 
     templateUrl: "views/dashboard/dashboard.html", 
     controller: "dashboardCtrl" 
    }) 
    $urlRouterProvider.otherwise("login"); 
}) 

負荷の代わりのための私のインデックス <ui-view></ui-view>で私が持っている

と私はdashboard.htmlのようなより多くのものをロードする場所を、彼は置くtemplate.html int型内の別の<ui-view></ui-view>が、これは作品を行いません。 template.htmlで作成されたテンプレートなしでdashboard.htmlをロードします。私は私のためにはうまくいかない多くの文書を作りました。何か案が？

は、ここでの考え方のplunker例があります：https://plnkr.co/edit/ZsGZjDKOBTIXFpPtXasN?p=preview

Answer 1

updated plunkerと作業plunkerがあります。

mainTemplate状態のテンプレートは次のようにのlookinされています

place for main: 
<div ui-view="main"></div> 


place for other: 
<div ui-view="other"></div> 

ので、それはより多くの原料のための場所（もっとかもしれない）2を持っています。そして、これは状態が再定義されています

.state("mainTemplate.dashboard", { 
    name: "main", 
    url: "/dashboard", 
    views: { 
     'main' : { 
     templateUrl: "dashboard.html", 
     controller: "dashboardCtrl" 
     }, 
     'other' : { 
     template: "<h2>other view</h2>", 
     } 

    } 
}); 

を、私たちが見ることができるどのような複数のターゲットに対して定義された複数のコンテンツに使用されてviews : {}オブジェクトです。ここではその詳細についての記事を読む：

• Angular UI Router - Nested States with multiple layouts
• Nested states or views for layout with leftbar in ui-router?

遊びや変更