访问类中的元注释(TypeScript)

当我用TypeScript中的元数据来注释类时,例如要创建一个Angular2组件,我可以访问该类中的元数据吗?
import {Component} from 'angular2/core';

@Component({
    selector: 'app',templateUrl: '/app/components/app/app.component.html'
})
export class AppComponent {

    // can I access 'templateUrl' from above annotation here?

}
您可以将注释/装饰器看作正常的函数调用.对于这个功能,’Class / Function’对象(不是实例)在第一个参数中获取发送,在第二个参数中获取参数(元数据).

然而,如果某些东西被添加到类的原型(坏习惯/暴露属性)中,则取决于该函数的实现. TypeScript编译器和Angular2做不同的事情.

它们使用__decorate和__Metadata函数,它们是由TypeScript编译器生成的.数据加入了Object.defineProperty()功能.负责这个的包是Reflect.(在引擎罩下使用Object.defineproperty()函数与WeakMap的组合).

函数Reflect.defineMetadata()用于设置注释,并获得明显的Reflect.getMetadata().

TLDR;

>要获得角色2中的类/组件的注释,您可以
使用:

Reflect.getMetadata('annotations',ComponentClass); //@Component({}),@Pipe({}),...

>要从angular2中的构造函数参数中获取注释,您必须使用:

Reflect.getMetadata('parameters',ComponentClass); //@Inject()

>要从角度2中的类中的属性获取注释,您可以
必须使用:

Reflect.getMetadata('propMetadata',ComponentClass); //@HostBinding(),@input(),...

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...