angular 中父子路由
2024-09-01 13:42:47
1. 创建组件引入组件
import { NewsaddComponent } from './components/newsadd/newsadd.component';
import { NewslistComponent } from './components/newslist/newslist.component';
2. 配置路由
{
path: 'news',
component:NewsComponent,
children: [
{
path:'newslist',
component:NewslistComponent
}, {
path:'newsadd',
component:NewsaddComponent
} ]
}
3. 父组件中定义 router-outlet
<router-outlet></router-outlet>
如：
<div class="content">
<div class="left">
<a [routerLink]="[ '/home/homechild1']" routerLinkActive="active"> homechild1</a>
<br>
<br>
<a [routerLink]="[ '/home/homechild2']" routerLinkActive="active"> homechild2</a>
</div>
<div class="right">
<router-outlet></router-outlet>
</div>
</div>
注意：子路由前要加父路由路径
最新文章
- oracle11g导出空表的数据库设置
- 【Chrome】新建Chrome插件，新建，事件行为，本地存储
- __index
- ci框架里rewrite示例
- static 类成员变量 和 static const类成员变量
- Pandas简易入门（二）
- 使用.htaccess进行浏览器图片文件缓存
- Java NIO——Selector机制源码分析---转
- 50% 的财富 500 强企业使用 Windows Azure
- hdu4035（概率dp）
- 【转】 完美配置Tomcat的HTTPS
- Bootstrap兼容IE8
- 虚拟机配置静态IP地址
- OKMX6Q libx264交叉编译
- pyhton:图像旋转
- 在 IDEA中运行 WordCount
- mybatis 模糊查询 like的三种方式
- cpu的工作原理
- Java多线程：SimpleDateFormat
- stack 的一些用法