Angular CLI を使用してルートを生成する方法

この記事では、Angular CLI を使用してルートを生成する方法を主に紹介しますので、参考にしてください。

ng g module admin を使用すると admin モジュールが生成されることがわかっています。

そして ng g m sales --routing を使用すると、sales と sales-routing の 2 つのモジュールが生成されます。

sales-routing にはルーティング情報が含まれており、

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

まず、2 つのモジュールが生成されていることがわかります:

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

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

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

2 つ生成されています。以下のその他のコンポーネント:

ng new my-routing --routing

次に、app-routing.module でルーティングを設定します:

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

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

うーん、問題ありません。

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

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

ng g c dashboard
ng g c order

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

ng g m admin --routing

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

次に、 app.module:

に管理モジュールを追加する必要があります。

次に admin.component.html を変更し、 router-outlet:

を追加して、 admin-routing.module.ts:

を変更します。 Run: ngserve -o

アドレスを直接入力します: http://localhost:4200/admin

OK 参照:

そして URL を入力してください: http://localhost:4200/admin/email

すると、次のように表示されます:

問題.

Generate Gurad.

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

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

上記は、私が皆さんのためにまとめたものであり、将来皆さんの役に立つことを願っています。

関連記事:

WeChatアプレットの共有ページからホームページに戻る方法の例

JSで左のリストを右のリストに移動する機能を実装

elの使い方jsメソッドの式と空でない判定

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