如何在click（）中进行计算？

Question

<input #betInput type="number" >
<button class="betThis-btn" (click)="betInput.value + 25"> +25 </button>

我想这样做。但不起作用。

如何在click（）中进行计算？

Answer 1

即使输入要键入数字，betInput.value也将作为字符串出现。您将需要使用+运算符将其设置为数字，然后可以将其添加25，然后按如下所示将其分配回输入值。

<button class="betThis-btn" (click)="betInput.value = +betInput.value + 25"> +25 </button>

Answer 2

您可以用不同的方式来做。

---

一种方法是照做。但是您忘记分配值并将其转换为数字：

<input #betInput type="number" >
<button class="betThis-btn" (click)="betInput.value = +betInput.value + 25"> +25 </button>

---

其他方法是在组件中创建属性：

在组件（.ts）中：

inputValue = 0;

increaseInputValue = () => { this.inputValue+=25 }

在模板中

<input [(ngModel)]="inputValue" type="number" >
<button class="betThis-btn" (click)="increaseInputValue()"> +25 </button>

---

我强烈建议第二种方法。我认为这种逻辑运算应该留在组件中而不是模板中