>与上方同理,但是有区别
>app-routing.module.ts 中使用 路由配置
~~~
{path:'detail2/:aid',component:Detail2Component},
~~~
>在接受组件 detail2.component.ts
~~~
import { Component, OnInit } from '@angular/core';
import {ActivatedRoute} from "@angular/router";
@Component({
selector: 'app-detail2',
templateUrl: './detail2.component.html',
styleUrls: ['./detail2.component.css']
})
export class Detail2Component implements OnInit {
constructor(public route:ActivatedRoute) { }
public aid:string;
ngOnInit(): void {
this.route.params.subscribe(res=>{
this.aid=res.aid;
});
}
}
~~~
- 引言
- 安装angular9
- 入门
- 数据绑定
- 属性绑定
- 实体字符和转义
- html 模板运算
- css样式规范
- 数组与循环ngFor
- 条件ngIf
- 管道
- 事件执行
- 双向数据绑定mvvm
- todolist页面交互
- 公共服务层
- 数据持久化
- dom与ViewChild装饰器
- 父子组件传值
- 子父组件传值ViewChild
- 子父组件out装饰器
- 生命周期-挂/卸载
- es6语法io异步promise
- Rxjs异步数据流编程
- http_request
- axios异步数据
- 英雄route路由
- 动态route路由
- navigate route
- Parent child routing
- modularization
- lazyload