要从 TypeScript 文件中获取 NgForm,可以使用 ViewChild 装饰器来引用 NgForm 实例。以下是一个示例代码:
在 HTML 文件中,使用表单并给它一个标识符:
在 TypeScript 文件中,使用 ViewChild 装饰器来获取表单实例:
import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';
@Component({
selector: 'app-your-component',
templateUrl: 'your-component.html',
styleUrls: ['your-component.css']
})
export class YourComponent {
@ViewChild('myForm') myForm: NgForm;
onSubmit() {
// 在这里可以访问 myForm 实例
console.log(this.myForm.value);
}
}
在上面的示例中,我们使用 ViewChild 装饰器来获取名为 'myForm' 的表单,并将其赋值给 myForm 变量。然后,我们可以在组件的其他方法中使用 myForm 变量来访问表单的值或执行其他操作。
请确保在组件中导入 NgForm 和 ViewChild 类。