首页 文章

Angular2 Reactive Form Validation错误control.registerOnChange不是函数

提问于
浏览
1

这里使用Angular2实现Simple AngularForm

export class Customer  { customerName: String = "";}

我在My Compnent类中导入了这个cla

import { Component, OnInit } from "@angular/core"
import { NgForm, FormGroup, FormControl, Validators, FormBuilder } from "@angular/forms"
import { Customer } from "../template/customer"

@Component({
    selector: "ui-view",
    templateUrl: "../template/customer.html"
})

    export class CustomerComponent implements OnInit {
        currentCustomer: Customer = null;
        customerForm: FormGroup;
        custobj: Customer = new Customer();
        ngOnInit(): void {
            this.customerForm = new FormGroup({
                customerName: new FormGroup({

                })
            })
        }

我的Html代码是我得到Errror,因为添加formControlName是...我很困惑,我在做错误请帮助我

<form [formGroup]="customerForm">
    <div class="form-group">
        <label for="name">Name</label>
      <input type="text" class="form-control" [formControlName]="customerName" />
    </div>
 <button type="submit" class="btn btn-success btn-block" [disabled]="!customerForms.valid">Submit</button>
</form>

1 回答

  • 0

    我可以立即看到的问题之一是你在调用[formControlName]时使用属性绑定这意味着你的语法应该是这样的

    [formControlName]="'customerName'"
    

    但最好只使用

    formControlName = "customerName"
    

    另外,因为你要输入它来输入它不应该是一个新的FormGroup而是 customerName: new FormControl()

相关问题