微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

访问类中的元注释(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(),...

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐