我是Angular 2的初学者,我正在try 在组件中获取textbox的值,但我真的不知道如何获取它.

HTML :

<form [formGroup]="regForm" >
                <label for="txtFName">First Name</label>
                <input type="text" id="txtFName"/>
</form>

component.ts :

import { Component } from "@angular/core"
import { FormControl, FormGroup, FormBuilder, Validator, Validators,ReactiveFormsModule } from "@angular/forms";
import { customer } from '../model/customerModel'
import { Router } from "@angular/router";

export class regComponent
{
    private Customer:customer;
    private regForm:FormGroup;
    private firstName:FormControl;

    constructor (private formBuilder:FormBuilder,private router:Router)
    {

        this.firstName=new FormControl('',[Validators.required])

        this.regForm=formBuilder.group({
        firstName:this.firstName
    })

console.log(this.regForm.value);
}

这里我在控制台中得到空值.请在这方面提供帮助

推荐答案

输入加formControlName

<input type="text" id="txtFName" formControlName="firstName" />

现在按名称访问该值

this.regForm.get('firstName').value

Typescript相关问答推荐

映射类型中和映射类型之间的通用变量推断

如何将单元测试中的私有订阅变量设置为空(或未定义)?

为什么typescript不能推断类的方法返回类型为泛型''

将值添加到具有不同类型的对象的元素

类型脚本泛型最初推断然后设置

如何根据模板类型实现不同的模板函数行为?

获取函数中具有动态泛型的函数的参数

类型,其中一条记录为字符串,其他记录为指定的

对于始终仅在不是对象属性时才抛出的函数,返回Never

在排版修饰器中推断方法响应类型

有没有可能创建一种类型,强制在TypeScrip中返回`tyPeof`语句?

TypeScrip-根据一个参数值验证另一个参数值

为什么TS2339;TS2339;TS2339:类型A上不存在属性a?

如何静态键入返回数组1到n的函数

字符串文字联合的分布式条件类型

在TypeScript中,如何通过一系列过滤器缩小类型?

如何避免多个类型参数重复?

任何导航器都未处理有效负载为";params";:{";roomId";:";...";}}的导航操作

基于闭包类型缩小泛型类型脚本函数的范围

获取类属性的类型';TypeScript中的getter/setter