- Angular 2 教程
- Angular 2 - 主页
- Angular 2 - 概述
- Angular 2 - 环境
- Angular 2 - 你好世界
- 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 - 元数据
元数据用于装饰类,以便它可以配置类的预期Behave。以下是元数据的不同部分。
注释- 这些是类级别的装饰器。这是一个数组,也是一个同时具有 @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) { } }
在上面的示例中,元数据应用于构造函数的参数。