Angular CLI はルート分析命令を生成します

今回は、Angular CLI 生成ルーティングの分析と説明、Angular CLI 生成ルーティングの注意事項についてお届けします。以下は実際的なケースです。見てみましょう。

アプリケーションのルーティングを生成します。

まずプロジェクトを作成します:

ng new my-routing --routing

2つのモジュールがあることがわかります。

ルーティングモジュールを見てください:

アプリモジュールを見てくださいもう一度:

AppRoutingModule がインポートされました。

app.component.html をもう一度見てください:

router-outlet が書かれています。

以下はさらに 2 つのコンポーネントを生成します:

ng g c dashboard
ng g c order

次に、アプリでルーティングを設定します -Routing.Module:

もう一度 HTML を変更します:

アプリケーションを実行します: ng server -o

質問です

アプリケーションに複数のモジュールが存在する状況の場合。

別のモジュールを生成し、ルーティング モジュールを持ってきます (-d パラメーターを使用して、最初に生成されるファイルを表示できます):

ng g m admin --routing

In admin モジュールで、別の admin コンポーネントを作成します:

ng g c admin
ng g c admin/email -m admin
ng g c admin/user -m admin

実際、パス admin/ が指定されているため、最後の 2 つのコマンドの -m パラメーターは削除できます。そのため、デフォルトでは、代わりに admin モジュールで宣言されます。アプリモジュールの

次に、app.moduleを変更する必要があります:

管理モジュールを追加します。

次に、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

このコマンドは、xxx.guard.tsを生成します

私は信じていますこの記事の事例を読んでその方法をマスターした方は、さらに興味深い内容については、php 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

テキスト上にマウスを置くと、フローティングレイヤーがポップアップ表示されます

Angularコンポーネントのインタラクティブな使用方法の詳細な説明

以上がAngular CLI はルート分析命令を生成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。