Angular 学习总结

Angular 学习总结

由于博主本人之前只接触过React， 对Angular几乎一无所知。上个月，在我司社区的组织下，截至目前学习了近一个月的Angular，对Angular有了一些非常基础的认识。下面对本月学习心得做总结，期待大家的批评指正。

Angular的结构

Angular是一个基于 TypeScript 构建的开发平台，一个基于组件的框架。
Angular的组件包括三个部分：带有 @Component() 装饰器的 TypeScript 类（.ts）、HTML 模板(.html)和样式文件(.css/scss/less)。其作用如下“
. TypeScript 类:一个 CSS 选择器，用于定义如何在模板中使用组件，用于定义如何在模板中使用组件。模板中与此选择器匹配的 HTML 元素将成为该组件的实例。
.HTML模版： 用于指示 Angular 如何渲染此组件。
.样式文件： 一组可选的 CSS 样式，用于定义模板中 HTML 元素的外观。
通常，通过ng generate component 命令生成的组件， 生成的组件除了上述三个文件外，还会有一个测试文件，测试文件为以.spec.ts结尾。
我们可以发现angular和react的结构差异主要在 react的组件一般只包含样式文件和组件文件，而angular在保留样式文件的基础上，将组件文件细分为了TypeScript 类文件和HTML模版文件。

Angular组件的生命周期