module,directive 問題

General
1

延續之前的問題:

現在我有3 個module, 1 個叫A,1 個叫B, 1個叫utility,
現在我把之前的 DivisionListInputBoxComponent, DivisionValidatorDirective 放進utility module內,
可是出現以下error message:

Template parse errors:
There is no directive with "exportAs" set to "ngModel" ("visionValidator]="this.divisionList"
(ngModelChange)="autoCompleteFilter($event)"
[ERROR ->]#division2="ngModel">
<mat-error *ngIf="division2.hasError('invalidDivisionName')">
"): ng:///UtilityModule/DivisionListInputBoxComponent.html@9:8
Can't bind to 'ngModel' since it isn't a known property of 'input'. ("
<mat-label>Division</mat-label>
<input matInput type="text"
[ERROR ->][(ngModel)]="division"
required
[matAutocomplete]="divisions"
"): ng:///UtilityModule/DivisionListInputBoxComponent.html@3:8

問題是我還未在module A 和 B 裡call 這兩個Component 和Directive, 這是什麼問題呢?
這是我的code.

PS:這是比較像我工作環境。

2

真是老眼昏花,原來在utility.module.ts 裡加了這個:

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

忘記了加這個:

@NgModule({
imports: [FormsModule,
............