デコレータでクラス属性を追加

Question

デコレータを使用して、注釈付きクラスにメソッドやプロパティを追加しようとしました。

これは私のデコレータです：

export default function Component(params) { 
    return function decorator(target) { 
     target.template = params.template; 
     console.log(target, params.template); 
    } 
} 

私はこのようにそれを使用：

@Component({ 
    template: template 
}) 
export default class App {} 

しかし、私はこのクラスを使用する場合：

app.template // undefined; 

任意のアイデア？あなたは、クラスオブジェクト自体を変更している

Answer 1

、すなわち

App.template // your template is here 

、あなたはちょうどこの場合にはアプリケーションクラスの静的プロパティを定義しました。

target.prototype.template = params.template; 

（クラスが実際にコンストラクタ関数とプロトタイプベースの継承を超えるだけの構文砂糖です良い例）：あなたが使用する必要があり、クラスのインスタンス用のテンプレートを設定するために

。

また、mixinとデコレータを組み合わせることについては、this articleが参考になると思います。