Angular反应形式：页面加载时触发组件验证

Question

我想在页面加载时触发某些控件的验证器，以便检查预先填充的控件，并在每个输入下方显示错误消息，以防它们无效。

注意：仅当触摸输入且脏了输入时，验证才有效。

请问有人有解决办法吗？

Answer 1

请尝试以下方法，

ngOnInit() {
   this.TestForm.InputText.setValidators([Validators.required]);
}



<form [formGroup]="TestForm">
    <div class="form-group">
        <label id="testInput" class="form-label">Input</label>
        <input type="text" class="form-control" formControlName="InputText" name="testInput" id="testInput">
        <div class="form-control" *ngIf="TestForm?.InputText?.invalid">
            <p class="error" *ngIf="TestForm?.InputText?.errors?.required"> Required </p>
        </div>
    </div>
</form>

Answer 2

创建表单后

setTimeout(()=>{
   this.myForm.patchValue(this.myForm.value)
})