Typoskript Reflect.getMetadata (‚Design: Typ‘ ..) kehrt Objekt statt Datum, wenn die Winkel 2 Stapel

Question

verwendet wird

Der folgende Beispielcode wie erwartet funktioniert und druckt „[Funktion: Datum]“

import 'reflect-metadata' 
function logType(target : any, key : string) { 
    var t = Reflect.getMetadata("design:type", target, key); 
    console.log(`${key} type: ${t.name}`); 
    } 
export class Demo { 
    @logType // apply property decorator 
    test: Date; 
} 
let demo = new Demo(); 
console.log(Reflect.getMetadata('design:type', demo, "test")); 

Wenn ich denselben Code innerhalb eines Angular 2-Projekts platziere, wird "function Object() {[native code]}" zurückgegeben.

bereitete ich eine Plunker dafür: https://plnkr.co/edit/DhXT89U0q5fCOWlCrx6w?p=preview

Reflect.getMetadata ('Design: Typ' ...) funktioniert nach wie vor für benutzerdefinierte Klassen und andere gebautet Klassen. Ich konnte dieses Problem nur mit Date erzeugen.

Was mache ich falsch?

Answer 1

Sie haben die Funktion auszuführen, und nicht nur .. hat es dort :), Sie Klammern nach @logType

export class Demo { 
    @logType() // add parentheses 
    test: Date; 
} 

Auf der anderen Seite hinzufügen sollten Sie Ihre @logType Funktion zu so etwas wie dies ändern sollte:

function logType(type: any) { 
    return function(target: any, propertyKey: string) { 
    Reflect.defineMetadata('design:type', type, target, propertyKey); 
    } 
} 

Welche können Sie wie folgt aufrufen:

export class Demo { 
    @logType(Date) // apply property decorator 
    test: Date; 
} 

ich die plnkr aktualisiert haben zu zeigen, was ich meine: plnkr

Sie können nur erhalten entweder string, boolean, number oder object mit den Typen in-gebaut. Wobei object alles sein wird, von Date bis Array zu Ihrem Math und WeakMap. Alle Einbauten werten Object aus, ich bin mir nicht sicher, ob das ein Fehler ist oder ob es ein Designfehler ist.

Sie können Ihre Methode jedoch verwenden, um benutzerdefinierte Klassen zu erhalten. Wenn Sie

export class Demo { 
    @logType 
    test: Demo; 
} 

tun würde Es wird auszudrucken Demo