angular - 与 formControlName 绑定后，类型上不存在属性

Question

我在看这个教程：https ://www.youtube.com/watch?v=aHD7PLXKTsQ

nestedGroup.controls.field.invalid不知何故，在本教程中，检查验证时无需键入，而只需field.invalid. 但是，在我的情况下，我收到错误：“AddCountryFormComponent”类型上不存在属性“区域”。

.html：

<div class="panel-body">
    <form [formGroup]="nestedForm">
      <!-- single field info -->
      <div class="row">
        <div class="col-6">
          <div class="form-group">
            <div class="form-group col-sm-4">
              <label for="nameText" class="">Country Name</label>
              <input type="text" formControlName="name" [ngClass]="{'form-control': true,
              'is-invalid': name.invalid && name.touched,
              'is-valid': name.valid}" id="nameText" placeholder="Enter name">
              <small id="fnHelp" *ngIf="name.errors?.required && name.touched" class="form-text custom-invalid-feedback">Field is required</small>
              <small id="fnHelp" *ngIf="name.errors?.minlength && name.touched" class="form-text custom-invalid-feedback">Value must contain atleast 2 characters</small>
            </div>
            <div class="form-group col-sm-4">
              <label for="populationText" class="">Country Population</label>
              <input type="text" formControlName="population" [ngClass]="{'form-control': true,
              'is-invalid': population.invalid && population.touched,
              'is-valid': population.valid}" id="populationText" placeholder="Enter population">
              <small id="fnHelp" *ngIf="population.errors?.required && population.touched" class="form-text custom-invalid-feedback">Field is required</small>
              <small id="fnHelp" *ngIf="population.errors?.minlength && population.touched" class="form-text custom-invalid-feedback">Value must contain atleast 2 characters</small>
   
            </div>
            <div class="form-group col-sm-6">
              <label for="regionText" class="">Region</label>
              <input type="text" formControlName="region" [ngClass]="{'form-control': true,
              'is-invalid': region.invalid && region.touched,
              'is-valid': region.valid}" id="regionText" placeholder="Enter region">
              <small id="fnHelp" *ngIf="region.errors?.required && region.touched" class="form-text custom-invalid-feedback">Field is required</small>
              <small id="fnHelp" *ngIf="region.errors?.minlength && region.touched" class="form-text custom-invalid-feedback">Value must contain atleast 2 characters</small>
            </div>
          </div>
        </div>
      </div>

标签： angulartypescript