注：以下学习笔记均来源于Angular教程_Angular8 Angular9 Angular12入门实战视频教程

一、组件的属性

1、声明属性的几种方式

• public：公有类型，可以在这个类里面使用，也可以在类外面使用。默认类型是public。

• protected：保护类型，只有在当前类和它的子类里面可以访问。

• private：私有类型，只有当前类才可以访问这个属性。

2、绑定属性

• 使用 [] 来实现属性的绑定。

二、常用基础语法

1、绑定 html

• 使用 [innerHTML] 来绑定 html 属性值，会自动解析 html 内容。

2、*ngFor 数据循环

3、引入图片

4、*ngIf 条件判断

5、*ngSwitch 条件判断

6、属性 [ngClass]、[ngStyle]

7、管道
Angular 有一些内置管道，比如DatePipe（日期格式化）、UpperCasePipe（将文本中的字母全部转为大写）、DecimalPipe（数值格式化等）。
也可以自定义管道。

• 自定义管道类并实现PipeTransform接口；

• 通过@Pipe装饰器将新建的类声明为Angular管道；

• 注入管道，如在app.module.ts的declarations数组中配合新建的管道类。

8、事件

9、表单事件 - 事件对象

10、双向数据绑定 - MVVM
只针对表单。

三、Angular 表单

表单中存在多种类型的 input 元素，分别有文本框、单选框、下拉框、多选框、文本域，各个 input 的双向数据绑定大致相同，但也存在差异。