角度ui-routerテンプレートで2つのビューを受け入れる方法を教えてください。

私はui-routerビューの使い方を理解しようとしています。ここで私がこれまで持っているものです：私がやりたい何角度ui-routerテンプレートで2つのビューを受け入れる方法を教えてください。

var rootSubjectsSubjectAdminWordsWord = { 
    name: 'r.s.s.a.w.w', 
    template: '<div ui-view ></div>', 
    url: '/:wordId', 
}; 

var rootSubjectsSubjectAdminWordsWordDelete = { 
    name: 'r.s.s.a.w.w.delete', 
    templateProvider: ['$templateCache', ($templateCache) => { 
     return $templateCache.get('/app/admin/word/word.html'); 
    }], 
    url: '/delete', 
};

/app/admin/word/word.html

<div> 
    <ng-include src="'/app/admin/word/wordData.html'"></ng-include> 
    <ng-include src="'/app/admin/word/wordForms.html'"></ng-include> 
</div>

はword.htmlを有する必要性を除去することです。

'<div ui-view ></div>'は何らかの形でビューに名前を付けて2つのHTML ファイルを受け入れる方法がありますか？

出典

2016-05-13 Samantha J T Star

https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Viewsは –

ここにはUI Router Docsがあります。基本的にビューオブジェクトが定義されている場所は、ビューに名前を付けてそのビュー（＃1を参照）をポイントする場所です。その後、ルータは残りの部分を処理します。

$stateProvider 
    .state('report', { 
    views: { 
     //(#1)--here is the named router matching in the html. 
     'filters': { 
     templateUrl: 'report-filters.html', 
     controller: function($scope) {...controller stuff just 
      for filters view... 
     } 
     }, 
     'tabledata': { 
     templateUrl: 'report-table.html', 
     controller: function($scope) {...controller stuff just 
      for tabledata view... 
     } 
     }, 
     'graph': { 
     templateUrl: 'report-graph.html', 
     controller: function($scope) {...controller stuff just 
      for graph view... 
     } 
     } 
    } 
    });

<body> 
    <div ui-view="filters"></div> 
    <div ui-view="tabledata"></div> 
    <div ui-view="graph"></div> 
</body>

出典

2016-05-13 16:57:52 alphapilgrim

こんにちは、あなたは数分を持っている場合、これはあなたが私が何ができるかを示すことができる見ますこれはちょうどソリューションの答えとしてもう少し明確にするために質問コードを使用しています。 –

@SamanthaJ確かに、まずどの角度の角度を使用していますか？ – alphapilgrim

ここにはプラカードがありますhttps://plnkr.co/edit/Vu4ILp3vTZMZFwTF0NmI?p=preview –

角度ui-routerテンプレートで2つのビューを受け入れる方法を教えてください。

答えて

関連する問題