Question

实际上，我有一个带有加号和减号按钮的输入控件，它在角度6中可以正常工作，但是现在我想在减小时防止出现负值。我该如何预防？

HTML：-

  A B C D E
g - - - - 2
h - - - - 4
j - - - - 9

TS：-

<span class="input-group-text cursor-pointer" (click)="travelersMinus($event)">-</span>
<input type="text" class="form-control text-center" value="{{changeCount}}" />

谢谢！

Answer 1

您可以通过简单的检查在ts文件本身中对其进行处理。

travelersMinus(evnet: Event){
        if(this.changeCount - 1 >= 0 ){
           this.changeCount -= 1;
         }
    }

Answer 2

如果您想更频繁地使用验证，建议您创建一个自定义验证器。您可以使用以下文档进行此操作：

https://angular.io/guide/form-validation#custom-validators

Answer 3

为什么不使用带有min="0"的数字类型的输入：

<input type="number" min="0">

Answer 4

尝试下面的代码，可以更改是否要更改事件，也可以将逻辑移到ts文件中，然后可以从该方法调用

<input min='0' type="number" onkeypress="return (event.charCode == 8 || event.charCode == 0) ? null : event.charCode >= 48 && event.charCode <= 57">

如何防止角度6中的负/负输入值

4 个答案: