一次コンセントが見つかりません

Question

私は単純なコンポーネントを読み込むことができないアプリがあります。私は何かシンプルだと思うが、私はそれを完全に欠いている。

マイコンポーネント：

import { Component, OnInit } from '@angular/core'; 
import { Router } from '@angular/router'; 
import {PageStat} from './PageStat'; 
import {PageStatService} from './pageStatService'; 
@Component({ 
    moduleId: module.id, 
    selector: 'PageStats', 
    template: '<h2>You Made it!</h2>', 
    styleUrls: ['./basestyle.css'] 
}) 
export class PageStatsComponent implements OnInit{ 
    pagestats: PageStat[]; 
    selectedStat: PageStat; 
    constructor(
     private router: Router, 
     private pagestatservice: PageStatService){} 
    getPageStatList(){ 
    this.pagestatservice.getPageStats().then(pagestats => this.pagestats = pagestats) 

    } 
    ngOnInit(): void { 
    this.getPageStatList(); 
    } 
    onSelect(selectpagestat: PageStat){ 
     this.selectedStat = selectpagestat; 
    } 
    gotoDetail(): void { 
     this.router.navigate(['/detail', this.selectedStat.refid]); 
    } 
} 

と、これは私のアプリルーティングです：

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

import { PageStatsComponent }  from './PageStats.component'; 
import { PageStatDetailComponent } from './pagestat-detail.component'; 

const routes: Routes = [ 
    { path: '', redirectTo: '/pageStats', pathMatch: 'full' }, 
    { path: 'pagestats/detail/:id', component: PageStatDetailComponent }, 
    { path: 'pageStats',  component: PageStatsComponent } 
]; 

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

私は、コンポーネントのうちの異なる部分を除去しようとしていると何も結果を変更するようです。私はこれを「ヒーローのツアー」の例でクローン化しようとしました。私は "ルータのアウトレット"への言及をたくさん見ますが、ヒーローアプリのツアーには1つもなかったので、私は100％なぜ、どこに置く必要があるのか​​はわかりません。

EDIT：完全なエラー：エラー：のためのHTMLを表示する場所、それが知っているように、あなたのHTMLのどこかに

<router-outlet></router-outlet> 

を必要とする「PageStatsComponent」

Answer 1

をロードするために第一出口を見つけることができません現在のルート。あなたのトップレベルのコンポーネントで

これを行う..

template: '<h2>here is the rest of my HTML for the top level component</h2><router-outlet></router-outlet>'