1

私はルーティングに関する Angular2 のドキュメントに取り組んでおり、3 つの兄弟を持つテスト アプリをセットアップしました。1 つの兄弟には 3 つの子供がいます。ルーターを設定しましたが、「redirectTo」プロパティを設定して子の 1 つにリダイレクトすることによってのみ、子の親にルーティングできます。そのプロパティを省略すると、次のエラーが表示されます。リダイレクトによって。

Here is my router:
import { provideRouter, RouterConfig } from '@angular/router';
import { DashboardComponent } from './dashboard.component';
import {MaterialTest} from './materialtest.component';
//parent sibling with children
import { TestLanding } from './testlanding.component';
  import { TestPage1 } from './test1.component';
  import { TestPage2 }   from './test2.component';
  import { TestPage3 } from './test3.component';


const routes: RouterConfig = [
  { path: '', redirectTo: '/dashboard', pathMatch: 'full'},
  { path: 'dashboard', component: DashboardComponent},
  { path: 'material_test', component: MaterialTest},
  { path: 'test_landing', component: TestLanding ,
   children: [
    { path: '', redirectTo:'test1', pathMatch: "full"}, //Error: Uncaught (in promise): Error: Cannot match any routes: 'test_landing'
    { path: 'test1',  component: TestPage1 },
    { path: 'test2',  component: TestPage2 },
    { path: 'test3',  component: TestPage3 }
  ]
 }
]

export const APP_ROUTER_PROVIDERS = [
  provideRouter(routes)
];

ここの優れたドキュメントも読みました: http://angular-2-training-book.rangle.io/handout/routing/routeparams.html、およびこのプランカー: https://plnkr.co/edit/ 6Mdn7qUblMtktpQyFJAcと、上記のようにルーターをセットアップする必要があることを示唆しているようです。これには理由がありますか、それとも何かを見逃していますか?

4

0 に答える 0