Angular 的组件是构建用户界面的核心单元，每个组件由模板（Template）、类（Classes）和元数据（Metadata）组成。了解组件 API 是掌握 Angular 开发的关键一步。
组件基础结构
- @Component：这是定义组件的装饰器，用于配置组件的元数据，如选择器(selector)、模板(tpl)、样式(style)等。
- selector：用于在 HTML 中标识组件，例如
app-hero。在模板中可以通过*ngComponentOutlet或ngComponentOutlet动态渲染组件。（🔗[查看 ngComponentOutlet 的使用](/Documentation/zh/Frameworks/Angular/API/ngComponent Outlet)） - 通过
@Input()和@Output()可以实现组件间的通信，便于数据传递与事件触发。
组件生命周期
Angular 组件具有多个生命周期钩子，这些钩子在组件创建、更新或销毁时被调用：
ngOnChanges()：当组件的输入属性发生变化时调用。ngOnInit()：在 Angular 完成了初始数据绑定后调用。ngDoCheck()：在每次变更检测运行时调用，在 Angular 的运行时环境中用于自定义检测逻辑。ngAfterContentInit()：当组件的内容投影初始化后调用。
👉 这些钩子可以帮助开发者更好地控制组件的行为和状态，建议在实际开发中合理利用。
常用组件相关 API
- @ViewChild()：用于获取对组件或指令的引用，例如获取子组件实例。
@ViewChild('childComponent') child: ChildComponent;
- @ContentChild()：用于获取对内容投影中某个元素的引用。
@ContentChild('content') content: ElementRef;
推薛建议
如果你正在学习 Angular 的组件系统，建议进一步查看以下内容：
如果需要深入了解 Angular 的组件结构设计及最佳实践，欢迎阅读我们的完整指南文档。