Angular7使用路由

angular 引入 路由组件

1 ： 命令行运行

ng generate module app-routing --flat --module=app

2： 将app-router.component.ts 改成：

import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
@NgModule({
  imports: [ RouterModule.forRoot(routes) ],
  exports: [ RouterModule ]
})
export class AppRoutingModule {}

3：添加路由定义，模板如下：

const routes: Routes = [
  { path: 'heroes', component: HeroesComponent }
];

4: 添加路由出口

<router-outlet></router-outlet>

5：添加路由连接

 <a routerLink="/heroes">Heroes</a>

解决错误记录
Error: “No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.”
解决方法：
在head标签下面加上

...