Açısal2 bileşen dekoratörünü genişletme

Question

Açısal 2.0.0-beta.8 ile @Component dekoratörünü genişleten birkaç özel dekoratör oluşturdum.

Bu kodu kullanmış olduğunuz yapmak için:

import {..., View } from 'angular2/core'; 

... 

export var MyCustomComponent:ComponentFactory = 
    <ComponentFactory>makeDecorator(MyCustomComponentMetadata, (fn:any) => fn.View = View); 

Şimdi, açısal 2.0.0-beta.12 ile, 'Görünüm' dekoratör böylece ithalat hata atmak düşmüş angular2' çünkü/core '' export 'üyesi yok.

Özel bir bileşen dekoratör nasıl oluşturmalıyım?

Answer 1

Sen

import {Component} from 'angular2/angular2'; 
import {MyCustomComponentMetadata} from ...; 

export function MyCustomComponent(config: MyCustomComponentMetadata) { 
    return function(cls) { 
    var annotations = Reflect.getMetadata('annotations', cls) || []; 
    annotations.push(new Component(config)); 
    Reflect.defineMetadata('annotations', annotations, cls); 
    return cls; 
    }; 
};