找不到主要插座加载

我有一个应用程序，我无法加载一个简单的组件。我觉得它很简单，但我完全错过了它。找不到主要插座加载

我的组件：

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 {}

我曾尝试剥离出部分并没有什么不同部位似乎改变结果。我试图克隆这个“英雄之旅”例子。我看到很多引用“路由器插座”，但英雄应用程序的游览没有一个，它的工作原理，所以我不是100％确定为什么或在哪里我需要放置一个。

编辑：完整的错误：错误：无法找到主要出口到装载“PageStatsComponent”

来源

2017-03-01 facon12

你需要一个

<router-outlet></router-outlet>

某处你的HTML，以便它知道在哪里，以显示该HTML当前路线。

在您的顶级组件做..

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

来源

2017-03-01 21:51:27 danday74

我知道了。当我尝试路由器插座时，让我感到困惑的是我误解了去了哪里。我没有看到一个在我认为它去的英雄应用程序的游览中，所以我认为他们没有一个。您对“顶级”组件的评论引导了我。PageStats组件不是我的顶级组件。谢谢！ – facon12

找不到主要插座加载

回答

相关问题