angular2中的嵌套路由

大家好，Angular2开发者

这是我面临的一个挑战，我不知道如何解决它

我的app.component.ts文件如下：

import { Component } from '@angular/core';
import {ROUTER_DIRECTIVES} from '@angular/router';

import { LeftMenuComponent } from './left-menu.component';
import {HeaderComponent} from './header.component';
import {TotalContainer} from './container-total.component';

@Component({
  selector: 'my-app',
  template: `
    <myheader [display]="display"></myheader>
    <router-outlet></router-outlet>
  `,
  directives:[HeaderComponent,TotalContainer,ROUTER_DIRECTIVES]
})
export class AppComponent { 
    display = true;
}

梅因酒店

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './components/app.component';

import { appRouterProviders } from './routes/app.routes'; 
bootstrap(AppComponent,[
    appRouterProviders
]); 

bootstrap(AppComponent);

---

谁能帮我一下吗。a

在你的main.ts中，你好像不小心调用了引导程序两次：

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './components/app.component';

import { appRouterProviders } from './routes/app.routes'; 
bootstrap(AppComponent,[
    appRouterProviders
]); 

bootstrap(AppComponent); <-----delete this! 

从“@angular/platformbrowser dynamic”导入{bootstrap}；
从“./components/app.component”导入{AppComponent}；
从“./routes/app.routes”导入{appRouterProviders}；
引导程序（AppComponent[
认可提供者
]); 
bootstrap（AppComponent） 在main.ts中，您似乎意外调用了引导程序两次：

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './components/app.component';

import { appRouterProviders } from './routes/app.routes'; 
bootstrap(AppComponent,[
    appRouterProviders
]); 

bootstrap(AppComponent); <-----delete this! 

从“@angular/platformbrowser dynamic”导入{bootstrap}；
从“./components/app.component”导入{AppComponent}；
从“./routes/app.routes”导入{appRouterProviders}；
引导程序（AppComponent[
认可提供者
]); 
bootstrap（AppComponent）；就这样。哇！非常感谢，就这样。哇！非常感谢。
import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './components/app.component';

import { appRouterProviders } from './routes/app.routes'; 
bootstrap(AppComponent,[
    appRouterProviders
]); 

bootstrap(AppComponent);

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './components/app.component';

import { appRouterProviders } from './routes/app.routes'; 
bootstrap(AppComponent,[
    appRouterProviders
]); 

bootstrap(AppComponent); <-----delete this!