“HTMLFormElement”类型的参数不可分配给“ElementRef<any>”类型的参数

如何解决“HTMLFormElement”类型的参数不可分配给“ElementRef<any>”类型的参数

我正在使用 angular 并创建一个表单元素。

我在 app.component.html 里面有这个，

<form (ngSubmit)="onSubmit(f)" #f></form>

这个在app.component.ts，

import { Component,ElementRef } from '@angular/core';

@Component({
  selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css']
})
export class AppComponent {

    onSubmit(form: ElementRef){
        alert('ss');
    }
}

但收到此错误。

src/app/app.component.html:16:34 - 错误 TS2345：类型参数 “HTMLFormElement”不可分配给类型参数 '元素参考'。类型中缺少属性“nativeElement” 'HTMLFormElement' 但在类型 'ElementRef' 中是必需的。

16

解决方法

我不认为你可以这样做。根据{{​​3}}，您可以尝试：

<form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate>
  ...
</form>

import {NgForm} from '@angular/forms';
...

onSubmit(f: NgForm) {
  console.log(f.value);
  console.log(f.valid);
}