注：以下學(xué)習(xí)筆記均來源于Angular教程_Angular8 Angular9 Angular12入門實(shí)戰(zhàn)視頻教程

一、組件的屬性

1、聲明屬性的幾種方式

• public：公有類型，可以在這個(gè)類里面使用，也可以在類外面使用。默認(rèn)類型是public。

• protected：保護(hù)類型，只有在當(dāng)前類和它的子類里面可以訪問。

• private：私有類型，只有當(dāng)前類才可以訪問這個(gè)屬性。

2、綁定屬性

• 使用?[]?來實(shí)現(xiàn)屬性的綁定。

二、常用基礎(chǔ)語法

1、綁定 html

• 使用?[innerHTML]?來綁定 html 屬性值，會(huì)自動(dòng)解析 html 內(nèi)容。

2、*ngFor 數(shù)據(jù)循環(huán)

3、引入圖片

4、*ngIf 條件判斷

5、*ngSwitch 條件判斷

6、屬性 [ngClass]、[ngStyle]

7、管道
Angular 有一些內(nèi)置管道，比如DatePipe（日期格式化）、UpperCasePipe（將文本中的字母全部轉(zhuǎn)為大寫）、DecimalPipe（數(shù)值格式化等）。
也可以自定義管道。

• 自定義管道類并實(shí)現(xiàn)PipeTransform接口；

• 通過@Pipe裝飾器將新建的類聲明為Angular管道；

• 注入管道，如在app.module.ts的declarations數(shù)組中配合新建的管道類。

8、事件

9、表單事件 - 事件對(duì)象

10、雙向數(shù)據(jù)綁定 - MVVM
只針對(duì)表單。

三、Angular 表單

表單中存在多種類型的 input 元素，分別有文本框、單選框、下拉框、多選框、文本域，各個(gè) input 的雙向數(shù)據(jù)綁定大致相同，但也存在差異。