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

一、Angular 目录结构

• node_modules：存放 npm install 安装的第三方模块。

• src：项目源文件存放位置。

• app：存放组件、服务以及模块，还有 app.module.ts 根模块。

• assets：存放静态资源。

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

• main.ts：应用的主要入口点。

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

• package.sjon：项目配置文件，其中定义了项目名称、项目版本以及项目所需要的各种依赖。

二、Angular 核心文件

1.根模块 app.module.ts

告诉 Angular 如何组装应用。

2.根组件

组件由三个文件构成：

• 带有@Component装饰器的TypeScript类。

• HTML模板。

• 样式文件。
  

app.component.spec.ts 为测试文件。

自定义组件：

• 使用命令 ng g 组件名 路径。

• 使用命令创建的组件会自动加入到 app.module.ts 根模块中。

• 在其他组件中使用自定义组件：

三、绑定数据

Angular 使用 {{}} 来实现数据的绑定。