在Angular 4中覆盖Getter值

Question

请查看以下的拔毛器
 https://plnkr.co/edit/tYgghDzD521YilSeYyVo?p=preview

我们有两个输入ValA和ValB。 ValC将来自两个输入（valA和valB）。我们通过乘以valC * 2获得valD。 例如

valA = 2
valB = 3
valC = 5
valD = 10

我想要覆盖ValC。它应该采取我们在valC中输入的内容并返回相应的valD

例如

valA = 2
valB = 3
valC = 7
valD = 14

Answer 1

按如下方式更改您的app.ts：

C:<input #valC type="text" name="valC" [(ngModel)]= mycal.valC ><br>

D:<input type="text" name="valD" disabled="disabled" value= "{{valC.value * 2}}" ><br>

在此，我使用带有C的模板引用变量并使用其值来填充D。

Answer 2

像这样更改你的model.ts文件

export class myCal {
  valA:number;
  valB:number;
  valC:number;

  get valD(){
    return parseInt(this.valC) * parseInt(2);
  }

  constructor(){
    this.valA= 2;
    this.valB= 3;
    this.valC = parseInt(this.valA) + parseInt(this.valB);
  }
}