Angular 角度路由器未定义

我得到以下两个错误

1） 路由器出口不是以下代码的已知元素

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


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

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

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

有趣的是，如果我在app.module.ts的imports中添加appRouterModule，那么我会得到一个错误，即app.routes.ts（定义appRouterModule的文件）不会导出任何模块

../app/app.routes“'没有导出的成员“appRouterModule”。

已更正

第1部分： 您需要从“@angular/router”导入

RouterOutlet

，而不是将RouterModule导入到组件中，您应该将其导入到父模块中（如果尚未导入）

第2部分：

新建

应

---

New

您的

@NgModule

是什么样子的？以下是指向Plunker中精简版本的链接-为了简单起见“New”“如果您没有传递任何片段或动态id等，则可以使用。我最初尝试不使用双引号，但它不起作用either@Malik这是正确的。Manu-看看官方的路线指南-除了大量的信息如何使用角度路线外，页面上还有一个有用的实时示例。下面是Plunker中的简化版本链接-

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

export const appRouterModule =RouterModule.forRoot(routes);