Angular-第2篇：组件与模板

Angular-第2篇：组件与模板

一、组件的概念与创建

（一）组件的定义与作用

组件是Angular应用的基本构建块，它将视图（HTML模板）、逻辑（TypeScript代码）和样式（CSS）封装在一起，实现独立且可复用的功能单元。每个组件都有自己的状态和行为，通过组合不同的组件，可以构建出复杂的单页面应用。例如，一个电商应用中，商品列表组件、购物车组件、用户信息组件等各司其职，共同协作完成整个应用的功能。

（二）创建组件的方法

1. 使用Angular CLI生成组件：在命令行中进入项目目录，执行以下命令创建一个新组件：

ng generate component component-name

其中，component-name 为组件名称，执行命令后，Angular CLI会在 src/app 目录下（或指定目录）生成组件相关的文件，包括 .t