角度CLIバージョン1.1.1の既存モジュールにルーティングモジュールを追加する方法はありますか。

Question

私は角型CLIを使用してモジュールを作成しましたが、作成中にルーティングを追加するのを忘れてしまいました。今はルーティングモジュールを追加したいと思います。

ng init --routingは全く問題ではない角度CLIバージョン1.1.1

Answer 1

に役立つことはありません。

ルーティングを手動で追加するだけです。

すべて--routingフラグがないこと、app.component.htmlに<router-outlet></router-outlet>を加えることに加えて、AppRoutingModuleと呼ばれる別のモジュールにおいて、Q RouterModule.forRoot()呼び出しを追加し、そしてAppModuleのimportsにそのモジュールを含んでなります。

したがって、app.module.tsには、AppModuleのimportsにAppRoutingModuleが追加されます。

AppRoutingModuleはapp-routing.module.tsと定義され、from this templateとなります。

それは私がそれをここにコピーするだろうと非常に小さいです：

import { NgModule } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 

const routes: Routes = [ 
    { 
    path: '', 
    children: [] 
    } 
]; 

@NgModule({ 
    imports: [RouterModule.forRoot(routes)], 
    exports: [RouterModule] 
}) 
export class AppRoutingModule { } 

{path: '', children:[]}は、あなたが（私はソースコードにこれを追加しましたので、私は知っている）を交換することが期待されるだけのプレースホルダです。あなたがルートを持っていないときに、ルータが<router-outlet>について文句を言うことはありません。

質問に戻るどうすればよいですか？はちょうど元CLIのように見えるように、あなたのプロジェクトにファイルをコピーし、あなたのAppModuleのimports ...あなたのAppModuleへ

それとも追加RouterModule.forRoot([/* routes here */])のimports代わりにAppRoutingModuleを追加してください。これはまだ動作しますが、遅延ロードのための組み込みサポートと他のすべてがうまく動作します。

P.S.

--routingフラグをng newで使用したかどうかに関係なく、子ルートを追加するには、いつでもルーティングng generate module Foo --routingでさらにモジュールを生成できます。心配する設定や魔法はありません。