Angular 入门(三)

224 阅读1分钟

1. 创建一个非全局的组件

ng g component third --skip-import

--skip-import 的意思是跳过自动importapp.module.ts文件

2. 在 app-routing.module.ts 中引用组件

3. 添加路由出口和导航

修改 app.component.html 的代码

<router-outlet>路由出口

routerLink路由导航链接, 不一定是a标签, 其他标签也可以, 只要带有routerLink指令

效果: 

截不来GIF...

下一节, 创建一个登录表单