オリジナル例外：ルータのプロバイダがありません

Question

角度2のコンポーネントルータを使用しようとしています。角度2のアプリケーションには、既存の角度1のアプリケーションをブートストラップしています。ここに私のコードは次のとおりです。

main.ts

import { upgradeAdapter } from './upgrade-adapter'; 
import { ResAppComponent } from './resApp.component'; 
import { appRouterProviders } from './app.routes'; 

angular.module('utdApp').directive('appComponent', upgradeAdapter.downgradeNg2Component(ResAppComponent)); 

upgradeAdapter.bootstrap(document.body,['utdApp'],ResAppComponent,[appRouterProviders]); 

resApp.component.ts

import { Component } from '@angular/core'; 
import { DisclosureComponent } from './disclosure.component'; 
import {ROUTER_DIRECTIVES} from '@angular/router' 

@Component({ 
selector: 'app-component', 
template: ` 
<h1>My angular app</h1> 
<nav> 
<my-app-new></my-app-new> 
<a routerLink="/route1" routerLinkActive="active">Route</a> 

<router-outlet></router-outlet> 
</nav> 
`, 
directives: [ROUTER_DIRECTIVES], 
providers:[DisclosureComponent] 

}) 

export class ResAppComponent{} 

app.routes.ts

import { provideRouter, RouterConfig } from '@angular/router'; 
import { DisclosureComponent } from './disclosure.component'; 

const routes:RouterConfig = [ 

{ 
    path: 'route1', 
    component: DisclosureComponent, 
} 
]; 


export const appRouterProviders = [ 
provideRouter(routes) 
]; 

disclosure.component.ts

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


@Component({ 
selector:'my-app-new', 
template:`<h1>{{title}}</h1>`, 
directives:[ROUTER_DIRECTIVES], 

providers:[provideRouter] 

}) 

export class DisclosureComponent 
{ 
title="Success" 

} 

私が間違っているものを見つけるように見えるカント

：0

私のエラーのようなものです。 angular2のコンポーネントルーターに関する情報はありません。

Answer 1

新しいルータは、ルートコンポーネントの代わりにbootstrap(AppComponent, [appRouterProviders])で提供する必要があります。

providers:[provideRouter] 

は、同じエラーが続くDisclosureElement