Angular 2 构架 - 元数据(Metadata)

数据告诉 angular 如何处理一个类

假设我们有一个组件叫作 Component ,它是一个类,除非我们告诉 Angular 这是一个组件

我们可以把元数据附加到这个类上来告诉 Angular Component 是一个组件

TypeScript 使用 装饰器 (decorator) 来附加元数据

@Component({
   selector : 'mylist',
   template : '<h2>Angular教程,简单编程</h2>'
   directives : [ComponentDetails]
})
export class ListComponent{...}

@Component 装饰器能接受一个配置对象,并把紧随其后的类标记成了组件类

AngularJS 会基于这些信息创建和展示组件及其视图


@Component 中的配置项说明

selector

一个 css 选择器,它告诉 Angular 在 父级 html 中寻找一个 <mylist> 标签,然后创建该组件,并插入此标签中

templateUrl

组件 HTML 模板的地址

directives

一个数组,包含此模板需要依赖的组件或指令

providers

一个数组,包含组件所依赖的服务所需要的依赖注入提供者


本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/15_831