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

一、Angular 目錄結(jié)構(gòu)

• node_modules：存放 npm install 安裝的第三方模塊。

• src：項(xiàng)目源文件存放位置。

• app：存放組件、服務(wù)以及模塊，還有 app.module.ts 根模塊。

• assets：存放靜態(tài)資源。

• index.html：主頁面的入口。

• main.ts：應(yīng)用的主要入口點(diǎn)。

• style.css：全局樣式文件。

• package.sjon：項(xiàng)目配置文件，其中定義了項(xiàng)目名稱、項(xiàng)目版本以及項(xiàng)目所需要的各種依賴。

二、Angular 核心文件

1.根模塊 app.module.ts

告訴 Angular 如何組裝應(yīng)用。

2.根組件

組件由三個文件構(gòu)成：

• 帶有@Component裝飾器的TypeScript類。

• HTML模板。

• 樣式文件。
  

app.component.spec.ts 為測試文件。

自定義組件：

• 使用命令?ng g 組件名 路徑。

• 使用命令創(chuàng)建的組件會自動加入到?app.module.ts?根模塊中。

• 在其他組件中使用自定義組件：

三、綁定數(shù)據(jù)

Angular 使用?{{}}?來實(shí)現(xiàn)數(shù)據(jù)的綁定。