Question

我无法获得正确的验证。我收到一个错误，无法读取未定义的属性“ firstname”。

.ts文件

    ngOnInit() {
    this.addform = new FormGroup({
    firstname: new FormControl('', [Validators.required, 
    Validators.minLength(4)]),

.html文件

<form #addform="ngForm" (ngSubmit)="onSubmit()" >
    <div class="form-group" >
      <fieldset>
        <legend>Employee Details</legend>

         <label for="fname" class="input-label"> <b>First Name </b> </label>
         <input 
            type="text" 
            class="input-text" 
            formControlName="firstname" 
            name="firstname" 
            placeholder="First Name" 
            required />

Answer 1

您的employee变量已声明但未分配任何值...当您在此处new FormControl(this.employee.firstname, [调用它时会导致未定义的变量

您至少应该给它一个默认值

Answer 2

您已经创建了一个FormGroup实例，但未将其添加到html文件form标记中

<form [formGroup]="addform" (ngSubmit)="onSubmit()" >       
</form>

只需更改这些行即可完美

角cli反应形式

2 个答案: