我是否应该将null用作数字的值-Angular

Question

我希望最初将输入设置为空，因此将输入的ngModel设置为null。

<input [(ngModel)]="expenses" (keyup)="onKey($event)">

该模型的用法如下：

expenses: number = null;

...

if (this.expenses.toString() === '') {
  this.inputHelperTextVisible = false;
}

我应该在数字上使用null吗？

Answer 1

您绝对应该在那使用数字。还要将变量重命名为费用，而不是费用。

expense : number = 0;

Answer 2

您应该使用可为空的运算符'？'。

expenses?: number = null;

...

if (this.expenses === null) {
  this.inputHelperTextVisible = false;
}

Answer 3

是的，实际上，如果您希望模型状态从无值开始。

如果您只想输入数字，请确保将输入的内容输入类型数字

<input type="number" [(ngModel)]="expenses" (keyup)="onKey($event)"/>

在下面设置stackblitz以获取完整指南 https://stackblitz.com/edit/angular-26ftr7?file=src%2Fapp%2Fhello.component.ts

Answer 4

只需执行

expenses?: number = null;

if (this.expenses === null || this.expenses === '') {
this.inputHelperTextVisible = false;
}