angular - Angular 2 ナビゲーション メニュー

Question

プロジェクトのナビゲーション メニューを作成しようとしています。アイデアは、このメニューに Routes 配列を使用することであり、機能していますが、メニューに URL を追加しようとしていますが、機能していません

上の図でわかるように、子要素を持つナビゲーション メニューを作成しました。[routerLink] を追加して、リンクを有効にします。ルート項目の場合、次を使用してすべて正常に動作します。

[routerLink]="[menuItem.route.path]"

しかし、子供のアイテムでは機能しません。

PS ルート:

    RouterModule.forRoot([
  { path: '', component: HomeComponent },
  { path: 'admin', component: HomeComponent, data: { title: "Home", icon: "home" } },
  {
    path: 'test', component: HomeComponent, data: { title: "Settings", icon: "settings" },
    children: [
      { path: '', component: HomeComponent, data: { title: "Test", icon: "power_settings_new" } },
      { path: 'settings', component: HomeComponent, data: { title: "Test2", icon: "power_settings_new" } }
    ]
  }
])