ホームページ >ウェブフロントエンド >jsチュートリアル >Angular CLI がルートを生成する方法
今回は、Angular CLI がルートを生成する方法と、Angular CLI がルートを生成する際の注意点について説明します。実際のケースを見てみましょう。
アプリケーションのルートを生成します。
まずプロジェクトを作成します:
ng new my-routing --routing
2つのモジュールが生成されていることがわかります。
ルーティングモジュールを見てください:
そしてアプリを見てください。 module:
AppRoutingModule がインポートされました。 app.component.html をもう一度見てください: さらに 2 つのコンポーネントが以下に生成されます。ng g c dashboard ng g c order
次に、app-routing.module でルーティングを設定します: HTML を再度変更します: アプリケーションを実行します: ngserve -o
うーん。問題です。アプリケーションに複数のモジュールが存在する状況の場合。
ルーティングモジュールを使用してモジュールを生成します(最初に生成されるファイルを表示するには、-dパラメータを使用できます):ng g m admin --routing
管理モジュール内部で、別の管理コンポーネントを作成します:
ng g c admin ng g c admin/email -m admin ng g c admin/user -m admin実際、パス admin/ が指定されているため、最後の 2 つのコマンドの -m パラメーターは削除できます。そのため、デフォルトでは、管理コンポーネントで宣言されます。 app module の代わりに module を追加します。 次に、app.module:
admin モジュールを追加する必要があります。
次に、admin.component.html を変更し、router-outlet:を追加します:
次に、変更しますadmin-routing.module.ts: 実行: ngserve -oアドレスを直接入力します: http://localhost:4200/admin
次が表示されます:
そしてURLを入力してください: http://localhost:4200/admin/email次が表示されます:
だから問題ありません。Guradを生成します。ng g guard xxx
このケースを読んだ後、あなたは方法をマスターしたと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事にご注目ください。 推奨読書:
Angular CLI が BuildJS を実装して、マウスがテキストの上を通過したときにフローティング レイヤー効果をポップアップさせる方法
以上がAngular CLI がルートを生成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。