一、基础知识
- HTML
- CSS
- TypeScript
- 面向对象思维
二、应用组成
- 模块构成应用的运行环境
- 组件(Components)树组成应用视图
- 路由实现视图之间的切换
三、组件数据交换
- 数据输入:@Input装饰器
- 数据输出:@Output装饰器
四、数据共享
通过创建数据共享类实现数据共享,根据需要可以分别创建组件、模块、应用等作用域下的共享数据。
//应用级共享数据
@Injectable({ providedIn: 'root' })
export class DataSharedService {
public sharedData:any;
constructor() { }
public set sharedData(data:any) {
this.sharedData = data;
}
public get sharedData() {
return this.sharedData;
}
}
然后在要使用的各组件中引入共享数据服务即可进行数据共享了。