Angular 学习总结

最新推荐文章于 2024-01-05 15:27:34 发布

不负如来不负清

最新推荐文章于 2024-01-05 15:27:34 发布

阅读量852

点赞数

文章标签： angular

本文链接：https://blog.youkuaiyun.com/qq_36697163/article/details/119878987

版权

本文是博主Angular学习的一个月总结，详细介绍了Angular的组件结构、组件生命周期的八个钩子方法、父子组件间通信的方式以及管道和指令的基本概念。Angular组件由TypeScript类、HTML模板和样式文件组成，组件生命周期包括初始化、变化检测和销毁三个阶段。Angular的父子组件通信主要通过@Input和@Output装饰器，管道用于数据转换和格式化，指令则分为属性型和结构型。文章指出，Angular的TypeScript严格校验和分离的HTML模板有助于前端开发者的类型思维培养。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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模版文件。