角度 2:用 ngModel 对 2 个数字求和

Question

我正在尝试将ngModel变量与另一个变量求和并将结果显示为插值，但我没有看到结果动态更新。

这是我的输入文本字段：

<input type="text" [(ngModel)]='downpayment1' class="form-control" placeholder="Option 1 Down Payment (%)">

打字稿代码如下所示：

  downpayment1 = 0;
  result = this.downpayment1 + 20;

更改

首付1输入也应该更改{{结果}}，但这不会发生。使用 Angular1 计算数值表达式要容易得多，但我找不到任何使用 Angular2 的例子。我在这里做错了什么？

Answer 1

如果我理解正确，您要实现的是：

• 显示与某个固定值相加的 ngModel 值
• 保持 ngModel 值不受此固定值的影响...

那将是我的答案

@Component({
    selector: 'my-app',
    template: `
    <h1>Summing example</h1>
    <h2>Fixed value {{fixedValue}}</h2>
    <input type="number" [(ngModel)]='downpayment1' class="form-control" placeholder="Option 1 Down Payment (%)">
    <h2>Sum : {{ fixedValue + downpayment1 }}</h2>
    `
})
export class AppComponent {
    public fixedValue: number = 20;
    public downpayment1: number = 0;
}