ActivatedRoute.routeConfigがnullです - Angular-Cliを使ったAngular 2プロジェクト

Question

angular-cliを使って2つの異なるプロジェクトを作成しました。どちらも完璧に動作しますが、どちらか一方でrouteConfigはnullであり、何が間違っているのか分かりません。

両方のファイルのpackage.jsonは同じであるため、パッケージのバージョンについては何の疑いもありません。app.modulesファイルも同じです。

import { Component, OnInit } from '@angular/core'; 
import { ActivatedRoute } from '@angular/router'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.scss'] 
}) 
export class AppComponent implements OnInit { 
    constructor(
    private router: ActivatedRoute 
) { } 

    ngOnInit(): void { 
    console.log(this.router.routeConfig); 
    } 
} 

私の実装の何が問題なのです。ここで

は、私は両方のプロジェクトにrouteConfig取得する方法ですか？

Answer 1

いくつかの苦労と私のコードを見て、私はテンプレートの部分にあった2つのアプリケーションの間に大きな違いがあることを発見しました。

作品：home.component.html

<div class="container bg"> 
    <div class="row"> 
    <div class="col-lg-3"> 
     <div class="sidebar"> 
     <app-sidebar></app-sidebar> 
     </div> 
    </div> 
    <div class="col-lg-9"> 
     <div class="content-bar"> 
     <!-- Body --> 
     <p> 
      home works! 
     </p> 
     <!-- /body --> 
     </div> 
    </div> 
    </div> 
</div> 

動作しません：app.component.html

<div class="container bg"> 
    <div class="row"> 
    <div class="col-lg-3"> 
     <div class="sidebar"> 
     <!-- <app-sidebar></app-sidebar> --> 
     </div> 
    </div> 
    <div class="col-lg-9"> 
     <div class="content-bar"> 
     <!-- Body --> 
     <router-outlet></router-outlet> 
     <!-- /body --> 
     </div> 
    </div> 
    </div> 
</div> 

ActivatedRouteがsidebar.component.ts内部NULLたことに留意すべきです。

答えが明確でない場合は、コメントに言及してください。私はそれを更新します。