Angular-第2篇:组件与模板
一、组件的概念与创建
(一)组件的定义与作用
组件是Angular应用的基本构建块,它将视图(HTML模板)、逻辑(TypeScript代码)和样式(CSS)封装在一起,实现独立且可复用的功能单元。每个组件都有自己的状态和行为,通过组合不同的组件,可以构建出复杂的单页面应用。例如,一个电商应用中,商品列表组件、购物车组件、用户信息组件等各司其职,共同协作完成整个应用的功能。
(二)创建组件的方法
- 使用Angular CLI生成组件:在命令行中进入项目目录,执行以下命令创建一个新组件:
ng generate component component-name
其中,component-name
为组件名称,执行命令后,Angular CLI会在 src/app
目录下(或指定目录)生成组件相关的文件,包括 .t