- Angular 2 教程
- Angular 2 - 首页
- Angular 2 - 概述
- Angular 2 - 环境
- Angular 2 - Hello World
- Angular 2 - 模块
- Angular 2 - 架构
- Angular 2 - 组件
- Angular 2 - 模板
- Angular 2 - 指令
- Angular 2 - 元数据
- Angular 2 - 数据绑定
- 使用 HTTP 的 CRUD 操作
- Angular 2 - 错误处理
- Angular 2 - 路由
- Angular 2 - 导航
- Angular 2 - 表单
- Angular 2 - CLI
- Angular 2 - 依赖注入
- Angular 2 - 高级配置
- Angular 2 - 第三方控件
- Angular 2 - 数据显示
- Angular 2 - 处理事件
- Angular 2 - 数据转换
- Angular 2 - 自定义管道
- Angular 2 - 用户输入
- Angular 2 - 生命周期钩子
- Angular 2 - 嵌套容器
- Angular 2 - 服务
- Angular 2 有用资源
- Angular 2 - 问答
- Angular 2 - 快速指南
- Angular 2 - 有用资源
- Angular 2 - 讨论
Angular 2 - 元数据
元数据用于装饰类,以便可以配置类的预期行为。以下是元数据的不同部分。
注解 - 这些是类级别的装饰器。这是一个数组,并且一个示例同时具有 @Component 和 @Routes 装饰器。
以下是一个示例代码,它存在于 app.component.ts 文件中。
@Component ({ selector: 'my-app', templateUrl: 'app/app.component.html' })
组件装饰器用于在 app.component.ts 文件中将类声明为组件。
Design:paramtypes - 这些仅用于构造函数,并且仅应用于 Typescript。
propMetadata - 这是应用于类属性的元数据。
以下是一个示例代码。
export class AppComponent { @Environment(‘test’) appTitle: string = 'Welcome'; }
这里,@Environment 是应用于属性 appTitle 的元数据,给定的值为“test”。
参数 - 这是由构造函数级别的装饰器设置的。
以下是一个示例代码。
export class AppComponent { constructor(@Environment(‘test’ private appTitle:string) { } }
在上面的示例中,元数据应用于构造函数的参数。
广告