浅谈angular路由 一

浅谈angular路由一

一、Angular 创建一个默认带路由的项目

1. 命令创建项目

ng new angualrdemo08 --skip-insta

ch

2. 创建需要的组件

在这里插入图片描述

3. 找到 app-routing.module.ts 配置路由

引入组件
在这里插入图片描述
配置路由

在这里插入图片描述

4. 找到 app.component.html 根组件模板,配置 router-outlet 显示动态加载的路由

在这里插入图片描述

二、Angular routerLink 跳转页面 默认路由

在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_43197791/article/details/86573654