如何在angular9中手动将Angular模板驱动形式设置为无效

Question

I want to manually set the EmployeeForm as Invalid from the.ts file. Here EmployeeForm is a Template driven form.

I have tried to do the following but it didn't work.

this.EmployeeForm.setErrors({ 'invalid': true }); 

error message says:

Property 'setErrors' does not exist on type 'NgForm'. Did you mean 'getError' ?

The same code works when I use it with other forms which are Reactive forms

Answer 1

Finally this worked

this.EmployeeForm.form.setErrors({ 'invalid': true });

Answer 2

You can add the template reference to your control input. Then, you can access the form control and add the errors which you want.

Ex: <input type="text" class="form-control" id="name" required [(ngModel)]="model.name" name="name" #name="ngModel">

Reference: Angular Docs .