发表于: 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销毁组件/指令之前。



返回列表 返回列表
评论

    分享到