时间戳

首页 > 解决方案 > 无法从角度形式获取值？

angular - 无法从角度形式获取值？

问题描述

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

这是我的 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>

标签： angular

解决方案

在 html 中，更改NgModule为ngModel.

在 TypeScript 文件中，更改form:ElementRef从form:NgForm哪个导入@angular/forms

推荐阅读