发表于： 2021-06-11 21:44:40
0 1971
今天完成的事情：分页搞出来了；angular 生命周期；
明天计划的事情：任务进行，列表页零部件功能添加，
收获：
listModul: any = {
tital: '',
type: '',
createAt: '',
updateAt: '',
page: 1,
size: 20
};
const url = 'a/article/search';
this.http.get<any>(`/ajax/${url}`, { params: listModul }).subscribe((acc) => {
this.ser = acc;
observer.next(this.ser); // 成功所返回的数据
// observer.error("数据"); // 失败返回的数据
})
具体方法就是在get请求后端数据的时候，使用get往后端传值，来达到自己要请求的是哪一类数据；传递了参数“ listModul ”当然上面定义了参数“ listModul ”就可以请求到自己想要的数据。这里的`/ajax/${url}` 我并不是太明白，还需要了解。“ page：1，size：20 ”获取第一页数据，一页展示20个数据；
angular 生命周期：
1、Angular每个组件都存在一个生命周期，从创建，变更到销毁。Angular提供组件生命周期钩子，把这些关键时刻暴露出来，赋予在这些关键结点和组件进行交互的能力，掌握生命周期，可以让我们更好的开发Angular应用
2、每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上ng前缀构成的，比如OnInit接口的钩子方法叫做ngOnInit.
3、没有指令或者组件会实现所有这些接口，并且有些钩子只对组件有意义。只有在指令/组件中定义过的那些钩子方法才会被Angular调用。
2、每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上ng前缀构成的，比如OnInit接口的钩子方法叫做ngOnInit.
3、没有指令或者组件会实现所有这些接口，并且有些钩子只对组件有意义。只有在指令/组件中定义过的那些钩子方法才会被Angular调用。
基于指令与组件的区别来分类:
1、指令与组件共有的钩子：
ngOnChanges
ngOnInit
ngDoCheck
ngOnDestroy
2、组件特有的钩子
ngAfterContentInit
ngAfterContentChecked
ngAfterViewInit
ngAfterViewChecked
Angular 指令 生命周期钩子的作用及调用顺序：
1、constructor 构造函数这里是唯一的依赖注入的地方，它主要用于依赖注入或执行简单的数据初始化操作。
2、ngOnChanges - 当数据绑定输入属性的值发生变化时调用
3、ngOnInit - 在第一次 ngOnChanges 后调用
4、ngDoCheck - 自定义的方法，用于检测和处理值的改变
5、ngAfterContentInit - 在组件内容初始化之后调用
6、ngAfterContentChecked - 组件每次检查内容时调用
7、ngAfterViewInit - 组件相应的视图初始化之后调用
8、ngAfterViewChecked - 组件每次检查视图时调用
9、ngOnDestroy - 指令销毁前调用
返回列表
评论