无法从角形式中获取值？

Question

我是该领域的新手，我制作了一个表单并在提交时我在控制台上打印了该对象，但我们无法获得输入值。

这是我的form.ts代码

import { Component, OnInit,ElementRef} from '@angular/core';
@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }
  onsubmit(form:ElementRef){
  console.log(form);
  }
}

这是我的HTML代码

<div class="formcontainer">
  <form (ngSubmit)="onsubmit(formelement)" #formelement="ngForm">
    <input type="text" placeholder="Enter your name" id="username" NgModule name="username"><br>
    <!-- <input type="email" placeholder="Enter your email" NgModule name="email"><br>
    <input type="tel" placeholder="Enter your mobile numberr" NgModule name="mobile-number"><br> -->
    <input type="submit" name="" value="Submit">
  </form>
</div>

Answer 1

在html中，将NgModule更改为ngModel。

在TypeScript文件中，将form:ElementRef更改为从form:NgForm

导入的@angular/forms