Angular 组件开发——组件的创建与交互

文章六：Angular 组件开发——组件的创建与交互

在 Angular 中，组件是构建用户界面的基本单元，它封装了视图（HTML）、样式（CSS）和逻辑（TypeScript）。深入理解组件的创建与交互对于开发高质量的 Angular 应用至关重要。下面我们来详细学习相关内容。

一、组件的创建

使用 Angular CLI 可以快速创建一个新的组件。在命令行中，进入项目目录并执行以下命令：

ng generate component user-profile

这会在 src/app 目录下创建一个名为 user-profile 的新组件，同时生成相关的文件，包括 .ts（组件逻辑）、.html（组件模板）、.css（组件样式）和 .spec.ts（组件测试）文件。

打开生成的 user-profile.component.ts 文件，默认内容如下：