クラス内の関数がトリガーされていない

Question

Typescriptクラスを実装するさまざまな方法を試しています。私の関数を正しく動作させる方法を考え出すのは苦労しています。

カルクfunc.ts：

export function calcFunc(a: number, b: number){ return a*b; } 

callcクラス：

import { calcFunc } from './calc-func'; 

export class CalcClass implements calcFunc { 
    NumA: number = null; 
    NumB: number = null; 
    NumC: number = calcFunc(this.NumA, this.NumB); 
} 

app.component：を

は、これまでのところ、これは私が持っているものです

export class App implements OnInit { 

    Calculation: CalcClass = new CalcClass(); 

    ngOnInit(){ 
     this.Calculation.NumA = 3; 
     this.Calculation.NumB = 7; 
    } 
} 

app.component（テンプレート）：私はとして

<h2>number = {{Calculation| json}}</h2> 

NumC

は0として表示される代わりに21も NumAかかわら3及び '麻痺' として表示される7として表示します目指して。

これを行うには他に何が必要ですか？

Answer 1

NumCは、CalcClassオブジェクトが作成されると初期化され、それ以降は更新されません。 NumCにアクセスするたびにcalcFuncに電話する場合は、プロパティとして定義する必要があります。

get NumC(): number { 
    return calcFunc(this.NumA, this.NumB); 
}