本文摘自PHP中文网，作者青灯夜游，侵删。
本篇文章给大家介绍一下Angular中的Component组件。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
Angular 组件（Component）
组件（Component） 是构成 Angular 应用的基础和核心。 通俗来说， 组件用来包装特定的功能， 应用程序的有序运行依赖于组件之间的协调工作。【相关教程推荐：《angular教程》】
Component 必备元素
- @Component（组件元数据装饰器）
@Component 装饰器的作用是告知 Angular 框架如何处理 Typescript 类， 它包含多个属性， 这些属性的值叫作元数据。 Angular 会根据元数据的值来渲染组件并执行组件的逻辑。
- Template（模板）
Template 模板用于定义组件的外观， 模板以 html 的形式存在， 告诉 Angular 如何渲染组件。 我们可以在模板中使用 Angular 的数据绑定语法来呈现控制器中的数据。
- Controller（控制器）
控制器是一个普通的 Typescript 类， 它会被 @Component 装饰器修饰， 控制器包含组件所有的属性和方法， 大多数的页面逻辑都写在控制器里。 控制器通过数据绑定与模板进行通讯， 模板展现控制器的数据， 控制器处理模板上发生的事件。
示例
相关阅读 >>
浅谈Angular项目中如何引入第三方ui库（Angular material）
深入了解Angular中的hostbinding和hostlistener装饰器
更多相关阅读请进入《Angular》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
