角度ルータが未定義

Question

次の2つのエラーが発生しています。

1）ルータ出口コード

import {Routes, RouterModule}from "@angular/router" 


@Component({ 
    selector: 'app-root', 
    template: ` 
    <top-menu></top-menu> 
    <router-outlet></router-outlet> 
    ` 
}) 

2を以下のための既知の要素ではない）、次のコード

import {Routes, RouterModule} from "@angular/router" 

@Component({ 
    selector: 'top-menu', 
    template: `  
    <a [routerLink]=['new']> New </a> 
     <a [routerLink]=['list']> List </a> 
    ` 
}) 

ための予期しない終了タグ<a>次のようにルートが定義される：

export const routes:Routes = [ 
    {path:'new', component:MyParaComponent}, 
    {path:'list', component:MyListComponent} 
]; 

export const appRouterModule =RouterModule.forRoot(routes); 

興味深いことに、app.moのインポートでappRouterModuleを追加するとdule.tsすると、app.routes.ts（appRouterModuleが定義されているファイル）がモジュールをエクスポートしないというエラーが表示されます。

.../app/app.routes"' has no exported member 'appRouterModule'.

Answer 1

パート1

を訂正： あなたはあなたの親にインポートする必要があり、「角度/ルータ@」、および代わりにあなたのコンポーネントにRouterModuleをインポートするからRouterOutletをインポートする必要がありますモジュール（あなたがまだいない場合）。

パート2：

<a [routerLink]=['new']> New </a>は、あなたの `のようなNgModule`のルック@何 <a [routerLink]="['new']"> New </a>