Angular2ルーターで子のルートに移動するにはどうすればよいですか?

uksz

App.tsに次のルーターがあります。

@RouteConfig([
    {path: '/', redirectTo: ['Login']},
    {path: '/login', name: 'Login', component: LoginComponent},
    {path: '/dashboard', name: 'Dashboard', component: DashboardComponent},
    {path: '/users/...', name:'Users', component: UsersComponent}
])

そして、UsersComponentで、その子を定義しました。

@RouteConfig([
    {path: '/addUser', name: 'Add User', component: UserAddComponent},
    {path: '/editUser', name: 'Edit User', component: UserEditComponent}
])

私の質問は次のとおりです。JUSTに移動しようとすると/users/、次のエラーが発生します。

EXCEPTION: Link "["Users"]" does not resolve to a terminal instruction. in [['Users'] in NavigationComponent@5:20]

ユーザーの状態(UsersComponentで定義されたhtml)だけにアクセスするにはどうすればよいですか?

Sasxa

ルーティングUserRoute処理するだけの新しいコンポーネントを作成し、それをアプリで使用する必要があります。

@RouteConfig([
    {path: '/', redirectTo: ['Login']},
    {path: '/login', name: 'Login', component: LoginComponent},
    {path: '/dashboard', name: 'Dashboard', component: DashboardComponent},
    {path: '/users/...', name:'Users', component: UsersRoute}
])

// users-route.ts
@RouteConfig([
    {path: '/', name: 'UsersRoot', component: UsersComponent, useAsDefault: true},
    {path: '/addUser', name: 'Add User', component: UserAddComponent},
    {path: '/editUser', name: 'Edit User', component: UserEditComponent}
])

useAsDefaultオプション['/Users']routeはで終了するため、ユーザーのルートルートには任意の名前を付けることができますUsersRoot

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

子ルートから親ルートに移動するにはどうすればよいですか?

分類Dev

Angular2で親ルートと子ルートの2つのtsファイルを作成するにはどうすればよいですか?

分類Dev

Angular2ルートのパラメーターをAngularの方法で取得するにはどうすればよいですか?

分類Dev

遅延ロードされたモジュールの子ルートに移動するにはどうすればよいですか?

分類Dev

バゼルビルドターゲットを移動するにはどうすればよいですか?

分類Dev

親の1つの列から新しい子テーブルにデータを移動するにはどうすればよいですか?

分類Dev

cygwinターミナルの下部に移動するにはどうすればよいですか?

分類Dev

Pythonでターミナルカーソルを移動するにはどうすればよいですか?

分類Dev

Angular2ルーター(@ angular / router)、デフォルトルートを設定するにはどうすればよいですか?

分類Dev

Angular2:component.tsから子に移動するにはどうすればよいですか

分類Dev

gitリポジトリのルートを移動するにはどうすればよいですか?

分類Dev

gitリポジトリのルートを移動するにはどうすればよいですか?

分類Dev

Angular2で、名前付きアウトレットを開いているときに、別のルートに移動して名前付きアウトレットを閉じるにはどうすればよいですか?

分類Dev

フラッターでフォーカスを次のテキストフィールドに移動するにはどうすればよいですか?

分類Dev

Angular2の特定の内部ルートパラメータを変更するにはどうすればよいですか?

分類Dev

Angular2で動的デフォルトルートを使用するにはどうすればよいですか?

分類Dev

Windows 10でタスクバーをデフォルトのモニターに移動するにはどうすればよいですか?

分類Dev

Framework7 + Vueアプリでルートに移動するにはどうすればよいですか?

分類Dev

2つのタイルモーダルフォームを一緒に移動するにはどうすればよいですか?

分類Dev

Angular2ルーターを使用するコンポーネントをテストするにはどうすればよいですか

分類Dev

Angular2:親コンポーネントで子供にどのサイズにするかを指示するにはどうすればよいですか?

分類Dev

Angular2で@Inputのデフォルトパラメータを設定するにはどうすればよいですか?

分類Dev

Angular2で兄弟コンポーネントのスタイルを設定するにはどうすればよいですか?

分類Dev

Bootstrapでナビゲーションバーのトグルボタンとロゴを左に移動するにはどうすればよいですか?

分類Dev

RPGLEのループ内の次の要素に移動するにはどうすればよいですか?

分類Dev

動的ルートから移動するようにangularjsでルートを設定するにはどうすればよいですか?

分類Dev

Googleスプレッドシートの右の空のセルにデータを移動するにはどうすればよいですか?

分類Dev

Zshの省略形の後にカーソルを移動するにはどうすればよいですか?

分類Dev

兄弟ルートに移動するにはどうすればよいですか?

Related 関連記事

  1. 1

    子ルートから親ルートに移動するにはどうすればよいですか?

  2. 2

    Angular2で親ルートと子ルートの2つのtsファイルを作成するにはどうすればよいですか?

  3. 3

    Angular2ルートのパラメーターをAngularの方法で取得するにはどうすればよいですか?

  4. 4

    遅延ロードされたモジュールの子ルートに移動するにはどうすればよいですか?

  5. 5

    バゼルビルドターゲットを移動するにはどうすればよいですか?

  6. 6

    親の1つの列から新しい子テーブルにデータを移動するにはどうすればよいですか?

  7. 7

    cygwinターミナルの下部に移動するにはどうすればよいですか?

  8. 8

    Pythonでターミナルカーソルを移動するにはどうすればよいですか?

  9. 9

    Angular2ルーター(@ angular / router)、デフォルトルートを設定するにはどうすればよいですか?

  10. 10

    Angular2:component.tsから子に移動するにはどうすればよいですか

  11. 11

    gitリポジトリのルートを移動するにはどうすればよいですか?

  12. 12

    gitリポジトリのルートを移動するにはどうすればよいですか?

  13. 13

    Angular2で、名前付きアウトレットを開いているときに、別のルートに移動して名前付きアウトレットを閉じるにはどうすればよいですか?

  14. 14

    フラッターでフォーカスを次のテキストフィールドに移動するにはどうすればよいですか?

  15. 15

    Angular2の特定の内部ルートパラメータを変更するにはどうすればよいですか?

  16. 16

    Angular2で動的デフォルトルートを使用するにはどうすればよいですか?

  17. 17

    Windows 10でタスクバーをデフォルトのモニターに移動するにはどうすればよいですか?

  18. 18

    Framework7 + Vueアプリでルートに移動するにはどうすればよいですか?

  19. 19

    2つのタイルモーダルフォームを一緒に移動するにはどうすればよいですか?

  20. 20

    Angular2ルーターを使用するコンポーネントをテストするにはどうすればよいですか

  21. 21

    Angular2:親コンポーネントで子供にどのサイズにするかを指示するにはどうすればよいですか?

  22. 22

    Angular2で@Inputのデフォルトパラメータを設定するにはどうすればよいですか?

  23. 23

    Angular2で兄弟コンポーネントのスタイルを設定するにはどうすればよいですか?

  24. 24

    Bootstrapでナビゲーションバーのトグルボタンとロゴを左に移動するにはどうすればよいですか?

  25. 25

    RPGLEのループ内の次の要素に移動するにはどうすればよいですか?

  26. 26

    動的ルートから移動するようにangularjsでルートを設定するにはどうすればよいですか?

  27. 27

    Googleスプレッドシートの右の空のセルにデータを移動するにはどうすればよいですか?

  28. 28

    Zshの省略形の後にカーソルを移動するにはどうすればよいですか?

  29. 29

    兄弟ルートに移動するにはどうすればよいですか?

ホットタグ

アーカイブ