时间戳

首页 > 解决方案 > 在获取模板驱动的 Angular 表单的值时出错

angular - 在获取模板驱动的 Angular 表单的值时出错

问题描述

在注册函数中，我在存储表单控件的值时遇到错误。

使用 "let firstname" ， "let lastname" ， "let email" 我收到错误 [tslint] 标识符 'firstName' 永远不会重新分配；使用“常量”而不是“让”。（首选常量）

使用调试器我收到错误[tslint] 禁止使用调试器语句（无调试器）

同样在控制台中我收到错误 无法读取未定义的属性“值”

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

@Component({
  selector: 'app-temp-driven',
  templateUrl: './temp-driven.component.html',
  styleUrls: ['./temp-driven.component.css']
})
export class TempDrivenComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

  register(regForm: any) {
    debugger;
    let firstName =  regForm.control.firstname.value;
    let lastname = regForm.control.lastname.value;
    let email = regForm.control.email.value;

    alert(firstName);
   console.log(regForm);

  }

}

html ->

<div class="container">
  <div class="row">
    <div class="form-bg">
      <form #regForm ='ngForm' (ngSubmit) ="register(regForm)">
       <h2 class="text-center"> Registeration Form </h2>
      <br/>
      <div class="form-group">
       <input type="text" class="form-control" placeholder="First Name" name="firstname" ngModel>
      </div>  


      <div class="form-group">
          <input type="text" class="form-control" placeholder="last Name" name="lastname" ngModel>
         </div>  


      <div class="form-group">
          <input type="text" class="form-control" placeholder="Eamil Id" name="email" ngModel>
         </div>  

          <br/>

          <div class="align-center">
            <button type="submit" class="btn btn-primary" id="register"> Register </button>
          </div>
          </form>   
      </div>  
  </div>
</div>

标签： angularangular-forms

解决方案

谢谢，我得到了错误，在这里我使用了 regForm.control 我错过了控制中的 s。所以会有

让 firstName = regForm.controls.firstname.value; 让姓氏 = regForm.controls.lastname.value; 让电子邮件 = regForm.controls.email.value;

推荐阅读