私は、私がアクセスしたときに、私のコードのエラーですどこuderstandしようとしている/ダッシュボードをそれだけで負荷最初のルートのテンプレート「ルート」で、SYSTEM_VARS.includes.general.root決意内部にconsole.logが、負荷状態のroot.dashboard.home
index.htmlにui-viewディレクティブを追加しました
私のroutes.jsファイルを確認してください
ルートのconsole.logsをログに記録するコンソール:
State ROOT: Resolve root
Current State: DASHBOARD
Current State: DASHBOARD.HOME
/ dashboard状態テンプレートのコンテンツは単なる<h1>DASHBOARD HOME</h1> for tests
Shortです。/dashboard状態は構成されたテンプレートとコントローラーをロードしていません。
状態名内のドットはネストされた状態を生成することに注意してください。ネストされたすべての状態ui-view
は、親状態のテンプレートのに含まれる必要があります。
これはとの間root.dashboard
で正しく設定されているようroot.dashboard.home
です。
ただし、root.dashboard
インデックスページで名前のないui-viewを使用したが、という名前のビューを使用するように状態を構成したため、テンプレート自体はインデックスページに正しく挿入されませんcontentView
。これは、views
プロパティを削除し、template
として定義するとすぐに修正されるはずですuiView
。root.dashboard
状態は次のようになります。
{
abstract: true,
url: '/dashboard',
template: uiView,
resolve: {
data: [function () {
console.warn('Current State: DASHBOARD');
}]
}
}
参考までに、https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views#example --- name-matchingを参照してください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加