angular4路由设置笔记

场景说明：angular4开发的一个后台项目

一、可以使用angular-cli创建一个带路由的项目，ng new 项目名称 --routing

会多创建一个app-routing.module.ts文件代码如下：

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

二、手动配置路由文件

在app文件夹下面创建一个app.router.ts文件,基本结构代码如下:

angular路由中涉及到很多新单词词汇