发表于: 2021-09-21 23:53:28
0 1290
今日完成:组件概念;Angular 的核心概念模型
明日计划:开始写任务项目样式;JS基础巩固
遇到的难题:使用 angular 写出自己想要的样式,还不太会写。还没实践,
收获:
angular 重要的三部分:组件;模块;路由。
Component(组件)是整个angular框架的核心,组件化的意义:
1,有了组件后,我们可以把各种逻辑封装在组件内部中,避免搅浑。
2,封装成组件后,不仅可以在项目的内部复用,而且还可以沉淀下来,跨项目复用。
NgModule(模块):是组织业务代码的利器;按照自己的业务场景,把组件、服务、路由打包到模块里面,形成一个个的积木块,然后用这些积木块堆积出完整的理想的项目。
Router(路由):非常重要。作用:
1,封装浏览器的 history 操作;
2,负责异步模块的加载;
3,管理组件的生命周期。
项目组件的生命周期:Angular的每一个组件都存在一个生命周期,从创建,变更到销毁,就是一个组件的完整的生命周期:
1、ngOnChanges:在ngOnInit之前, 当数据绑定输入属性的值发生变化时调用。 并且有一个SimpleChanges类型的参数,它其实是一个类型为SimpleChange,并且键值为属性名的数组:
2、ngOnInit:在第一次ngOnChanges之后。
3、ngDoCheck:每次Angular变化检测时。
4、ngAfterContentInit:在组件使用 ng-content 指令的情况下,Angular 会在将外部内容放到视图后用。它主要用于获取通过 @ContentChild 或 @ContentChildren 属性装饰器查询的内容视图元素。
5、ngAfterContentChecked:在组件使用 ng-content 指令的情况下,Angular 会在检测到外部内容的绑定或者每次变化的时候调用。
6、ngAfterViewInit:在组件相应的视图初始化之后调用,它主要用于获取通过 @ViewChild 或 @ViewChildren 属性装饰器查询的视图元素。
7、ngAfterViewChecked:在子组件视图和子视图检查之后。
8、ngOnDestroy:在Angular销毁组件/指令之前。
评论