如果不允许插入值，则Angular 4 Form仍然有效

Question

在我的angular 4项目中，我有多种形式，其中一些形式有一个需要控制的输入字段，如果值不正确，则需要禁用按钮保存。

如果我想要一个只有正数的输入字段，我可以使用：

<input type="number" class="form-control" id="blockFrom" required  
[(ngModel)]="blockFrom" min="0" name="blockFrom">

<button (click)="save()" [disabled]="modelForm.form.invalid || 
modelForm.form.pristine">save</button>

但是如果我在输入字段中写入负数，则按钮被启用（我看到输入字段正确为红色，因为不允许该值） 为什么？ 如果值为负，我该如何阻止按钮？

Answer 1

您可以直接在此处输入功能：[disabled]="checkIfValid()"。

然后，该函数将检查您的表单数据。

它应该是这样的：

checkIfValid():boolean
{
 return blockForm>0
}