Использование группы параметров Mat в реактивных формах

Question

Я пытаюсь реализовать группу переключателей в форме.Вот как я это сделал:

.ts

yesNo: any = [
    'Yes',
    'No'
];
createForm() {
    this.createPropertyForm = this.fb.group({  
        latepymtpen: [null],
});
ngOnInit() {
    this.createForm();
}

.html

<mat-form-field class="occupy-half-wmargin">
    <mat-radio-group formControlName="latepymtpen">
        <mat-radio-button *ngFor="let yn of yesNo" [value]="yn">
            {{yn}}
        </mat-radio-button>
    </mat-radio-group>
</mat-form-field>

Когда я бегуэто, я получаю эту ошибку: ERROR Error: mat-form-field must contain a MatFormFieldControl.

Подскажите, пожалуйста, что я делаю не так?Спасибо.

Answer 1

MatFormField предназначен для таких компонентов, как MatInput, MatSelect и других, которые реализуют интерфейс MatFormFieldControl. MatRadioGroup не является одним из них. Другими словами, вы не можете использовать MatRadioGroup внутри MatFormField, как у вас.