angular - Angular：如何在 Typescript 中访问 HTML 标签类

Question

我正在尝试访问 Typescript 文件中 Form 的类名及其控件。是否可以？请检查代码：https ://stackblitz.com/edit/angular-ivy-ps9aeb

ngOnInit(): void {
    console.log(this.ModelForm.form.controls.firstName?.valid);
  }

上面的代码给出错误

Error in src/app/app.component.ts (11:22)
Property 'ModelForm' does not exist on type 'AppComponent'.

标签： angulartypescript

Answer 1

您需要使用@ViewChild才能访问打字稿文件中的模板驱动表单。

export class AppComponent implements OnInit {
  @ViewChild('ModelForm') 
  public ModelForm: NgForm;
  //...
}

https://stackblitz.com/edit/angular-ivy-ypsta6