属性 'section 1' 在类型 'FormGroup' 上不存在。自动构建

Question

当我在 angular 中构建 aot 时，我得到一个错误属性 'section 1' 在类型 'FormGroup' 上不存在。我添加了

<form [formGroup]="currentMonthForm" novalidate>
<table class="table spinwheel-table-blk">
      <thead>
        <tr COLSPAN=2 class="spinwheel-table-heading-block">
          <th>Section ID</th>
          <th><span>Points</span></th>
        </tr>
      </thead>
      <tbody>
        <tr COLSPAN=2>
          <td>1</td>
          <td>
            <div class="input-group wingsclub-inputgroup">
              <input type="text" class="form-control validation-field" placeholder="Points" aria-label="Recipient's username"
                aria-describedby="basic-addon2" maxlength="3" formControlName="section1" [ngClass]="{ 'is-invalid': currentMonthForm.section1 }"
                (input)="section1Change(1)">
              <small class="text-danger" *ngIf="sectionFormErrors.section1">
                <small class="text-danger" *ngIf="sectionFormErrors.section1">{{sectionFormErrors.section1}}</small>
              </small>
            </div>
          </td>
        </tr>
<table>

在组件中我有

currentMonthForm: FormGroup;
constructor(){
this.buildForm();
}
    buildForm() {
        this.currentMonthForm = this.fb.group({
          section1: [null, Validators.compose([Validators.required, Validators.maxLength(3),
          CustomValidators.number, this.validateNumber, CustomValidatorsInUse.isInteger, CustomValidatorsInUse.isPositiveInteger,])],})

但我得到错误属性 'section 1' 在类型 'FormGroup' 上不存在。在 aot 构建中。但总的来说构建它的工作正常。

Answer 1

看来罪魁祸首是这个：

[ngClass]="{ 'is-invalid': currentMonthForm.section1 }"

JIT 编译器不检查属性是否真的存在于对象上，但 AOT 构建会检查并且它抱怨 currentMonthForm FormGroup 没有那个属性。您应该修复 is-invalid class 的条件，因为它目前很奇怪。我希望是这样的：

[ngClass]="{ 'is-invalid': currentMonthForm.get('section1').errors !== null }"

属性 'section 1' 在类型 'FormGroup' 上不存在。自动构建

Property 'section 1' does not exist on type 'FormGroup'. aot build

angular

angular-aot