ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。