如何修复无法绑定到 formControl 错误

Question

任何人都可以帮我解释为什么它说“无法绑定到'formControl'，因为它不是'input'的已知属性。” 即使我已经导入了我的模块，并且我还有另一个使用 FormControl、FormGroup 或两者的组件，但它并没有给我带来这种错误，但这个却出现了。我不太确定为什么我一直收到此错误。

我已经在 app.module.ts 文件中导入了 ReactiveFormsModule 。我可以在其他组件中使用 formControl，但不确定为什么不能在此组件中使用。

超文本标记语言

<div class="component">
    <mat-chip-list *ngIf="editMode" #chipList >
         <div>
            <mat-chip> </mat-chip>
         <div>
            <div >
                <input matInput  #input  [formControl]="tagCtrl2"  [(ngModel)]="tagIn"  placeholder="Select or Create a tag" [matAutocomplete]="auto"
                    (focusout)="hideTagInput()" (keyup.enter)="addTag()"(keyup.escape)="hideTagInput()"
                    (keydown.backspace)="$event.stopPropagation();" (keydown.space)="$event.stopPropagation();" [matChipInputFor]="chipList" />
            </div>

            <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)">
                <mat-option *ngFor="let tag of filteredTags | async" [value]="tag">
                    {{tag}}
                </mat-option>
            </mat-autocomplete>

    <mat-chip-list>
</div>

TS

import { FormControl } from '@angular/forms';

export class TagsComponent implements OnInit {
   tagCtrl2 = new FormControl();

Answer 1

在您的模块文件中，您应该将此 ReactiveFormsModule 添加到您的模块文件中，如下所示：

import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    ReactiveFormsModule
  ]
})
export class CommonModule {}