Angular 2 新路由器 - 路由未显示在 <router-outlet></router-outlet>答案

【问题标题】：Angular 2 New Router - Routes not displaying in <router-outlet></router-outlet>Angular 2 新路由器 - 路由未显示在 <router-outlet></router-outlet>
【发布时间】：2016-08-10 22:56:54
【问题描述】：

对 Angular 2 来说还算新，在新路由器上还没有完全跟上速度。我遵循了 Angular 文档中的示例，虽然我没有收到错误，但我的组件没有显示在标签中。

这是路由器代码：

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

import {HomeComponent} from './home.component';
import {FeaturesComponent} from './features.component';

const appRoutes: Routes = [
  { path: '', component: HomeComponent },,
  { path: 'features', component: FeaturesComponent },
  { path: '**', component: HomeComponent }
];

export const appRoutingProviders: any[] = [

];

export const routing = RouterModule.forRoot(appRoutes);

在此处添加 app.module.ts 代码：

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';
import { routing,
         appRoutingProviders } from './app.routing';

import {HomeComponent} from './home.component';
import {FeaturesComponent} from './features.component';

@NgModule({
  imports: [ BrowserModule, routing ],
  declarations: [ AppComponent, HomeComponent, FeaturesComponent ],
  providers: [appRoutingProviders],
  bootstrap: [ AppComponent ]
},
)
export class AppModule { }

我在 app.component.html 中有 routeroutlet 标签

<div class="container">
  <router-outlet></router-outlet>
</div>

这里有什么我遗漏的吗？我的印象是我的 home.component.ts 应该在它没有执行的页面加载时显示在路由器出口标签中。任何指导将不胜感激。谢谢。

【问题讨论】：

标签： angular routing router

【解决方案1】：

我通过遵循这些新指南https://angular.io/docs/ts/latest/guide/router.html 重做 routing.ts 和 module.ts 解决了这个问题。我不确定到底是什么问题，可能是 appRoutes 常量中的双逗号。

【讨论】：