Angular - 从TS文件中获取NgForm的文件，而不是从html中获取。_编程开发

Angular - 从TS文件中获取NgForm的文件，而不是从html中获取。

创始人

2024-10-14 14:31:22

0次

要从 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 类。

上一篇：Angular - 从TMDB api显示字段

下一篇：Angular - 从TypeScript数组中显示svg路径

Angular - 从TS文件中获取NgForm的文件，而不是从html中获取。

相关内容

热门资讯