找不到带有 exportAs 'ngModel' 的指令。对于垫子选择？

Question

我有一个表单元素：

<mat-form-field>
<mat-select
#ref="ngModel"
[required]="true"
(selectionChange)="selectDocumentType($event)"
placeholder="Выбрать"
>
<mat-option *ngFor="let type of typedocuments" [value]="type.typeid">{{
type.typename
}}</mat-option>
</mat-select>
<mat-error *ngIf="ref.touched && !ref.valid">
<div *ngIf="ref.errors.required">Поле обязательно для заполнения</div>
</mat-error>
</mat-form-field>

我尝试使用模板参考：#ref="ngModel"

然后显示错误：

<mat-error *ngIf="ref.touched && !ref.valid">

为什么我得到这个错误：

未找到exportAs为"ngModel"的指令。

Answer 1

必须将#ref="ngModel"与ngModel一起使用。试试这个

<mat-form-field>
<mat-select
[ngModel]="myData"
#ref="ngModel"
[required]="true"
(selectionChange)="selectDocumentType($event)"
placeholder="Выбрать"
>
<mat-option *ngFor="let type of typedocuments" [value]="type.typeid">{{
type.typename
}}</mat-option>
</mat-select>
<mat-error *ngIf="ref.touched && !ref.valid">
<div *ngIf="ref.errors.required">Поле обязательно для заполнения</div>
</mat-error>
</mat-form-field>

在组件中定义myData

export class MyComponent{
myData = '';
...
}