带有 mat-form-field 返回错误的 Angular 4 mat-radio-group

Question

当我需要为产品打印标签时，我正在一个项目中工作，但是当我使用带有 mat-form-group 的步骤控制来控制步骤和 mat-radio-group 时，我收到错误：mat-表单域必须包含一个 MatFormFieldControl。

我已经尝试将 matInput 设置到 mat-radio-group 中，就像我使用 mat-select 一样，但不起作用

这项工作：

 <mat-step [stepControl]="firstFormGroup">
                <form [formGroup]="firstFormGroup">
                <ng-template matStepLabel>Informe o tipo de produto</ng-template>
                <mat-form-field>
                    <mat-label>Tipo de produto</mat-label>
                    <mat-select matInput formControlName="firstCtrl" required>
                        <mat-option value="cobrenu">Cobre Nú</mat-option>
                        <mat-option value="cordpar">Cordão Paralelo Torcido</mat-option>
                        <mat-option value="prodpad">Produto Padrão</mat-option>
                    </mat-select>
                </mat-form-field>
                <div>
                    <button mat-button matStepperNext>Próximo</button>
                </div>
                </form>

但这不是：

<mat-step [stepControl]="secondFormGroup">
                <form [formGroup]="secondFormGroup">
                <ng-template matStepLabel>Informe o produto</ng-template>
                <mat-form-field>
                    <mat-label>Produto</mat-label>
                    <mat-radio-group aria-label="metros" >
                            <mat-radio-button value="1">100</mat-radio-button>
                            <mat-radio-button value="2">200</mat-radio-button>
                            <mat-radio-button value="3">300</mat-radio-button>
                            <mat-radio-button value="4">400</mat-radio-button>
                            <mat-radio-button value="5">500</mat-radio-button>
                            <mat-radio-button value="6">600</mat-radio-button>
                    </mat-radio-group>
                </mat-form-field>
                <mat-radio-group aria-label="metros" >
                        <mat-radio-button value="1">100</mat-radio-button>
                        <mat-radio-button value="2">200</mat-radio-button>
                        <mat-radio-button value="3">300</mat-radio-button>
                        <mat-radio-button value="4">400</mat-radio-button>
                        <mat-radio-button value="5">500</mat-radio-button>
                        <mat-radio-button value="6">600</mat-radio-button>
                </mat-radio-group>
                <div>
                    <button mat-button matStepperPrevious>Voltar</button>
                    <button mat-button matStepperNext>Próximo</button>
                </div>
                </form>
            </mat-step>

ImpressaoComponent.html:24 ERROR 错误：mat-form-field 必须包含 MatFormFieldControl。

Answer 1

MatFormField 仅适用于实现 MatFormFieldControl 的组件，如用于输入和文本区域的 MatInput。以下是 v5 的文档：https : //v5.material.angular.io/components/form-field/overview。MatRadioGroup 没有实现 MatFormFieldControl。您可以创建自己的自定义组件来实现 MatFormFieldControl 并在自定义组件中使用单选组。