1. 创建一个非全局的组件
ng g component third --skip-import
--skip-import 的意思是跳过自动import到app.module.ts文件
2. 在 app-routing.module.ts 中引用组件
3. 添加路由出口和导航
修改 app.component.html 的代码
<router-outlet>路由出口
routerLink路由导航链接, 不一定是a标签, 其他标签也可以, 只要带有routerLink指令
效果:
截不来GIF...
下一节, 创建一个登录表单