假设我们有一个组件叫作 Component ,它是一个类,除非我们告诉 Angular 这是一个组件
我们可以把元数据附加到这个类上来告诉 Angular Component 是一个组件
TypeScript 使用 装饰器 (decorator) 来附加元数据
@Component({
selector : 'mylist',
template : '<h2>Angular教程,简单编程</h2>'
directives : [ComponentDetails]
})
export class ListComponent{...}
@Component 装饰器能接受一个配置对象,并把紧随其后的类标记成了组件类
AngularJS 会基于这些信息创建和展示组件及其视图
selector
一个 css 选择器,它告诉 Angular 在 父级 html 中寻找一个 <mylist> 标签,然后创建该组件,并插入此标签中
templateUrl
组件 HTML 模板的地址
directives
一个数组,包含此模板需要依赖的组件或指令
providers
一个数组,包含组件所依赖的服务所需要的依赖注入提供者
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!