mat form字段必须包含MatFormFieldControl
问题我们正在尝试在公司构建我们自己的表单域组件。我们正在尝试将材料设计的组件包装如下：
字段：
<mat-form-field>
<ng-content></ng-content>
<mat-hint align="start"><strong>{{hint}}</strong> </mat-hint>
<mat-hint align="end">{{message.value.length}} / 256</mat-hint>
<mat-error>This field is required</mat-error>
</mat-form-field>
文本框：
<field hint="hint">
<input matInput
="placeholder"
="value"
(change)="onChange($event)"
(keydown)="onKeydown($event)"
(keyup)="onKeyup($event)"
(keypress)="onKeypress($event)">
</field>
用法：
<文本框值=“测试”提示=“我的提示”></textbox>
结果大致如下：
<textboxplaceholder="Personnummer/samordningsnummer" value="" ng-reflect-placeholder="Personnummer/samordningsnummer">
<field>
<mat-form-field class="mat-input-container mat-form-field>
<div class="mat-input-wrapper mat-form-field-wrapper">
<div class="mat-input-flex mat-form-field-flex">
<div class="mat-input-infix mat-form-field-infix">
<input _ngcontent-c4="" class="mat-input-element mat-form-field-autofill-control" matinput="" ng-reflect-placeholder="Personnummer/samordningsnummer" ng-reflect-value="" id="mat-input-2" placeholder="Personnummer/samordningsnummer" aria-invalid="false">
<span class="mat-input-placeholder-wrapper mat-form-field-placeholder-wrapper"></span>
</div>
</div>
<div class="mat-input-underline mat-form-field-underline">
<span class="mat-input-ripple mat-form-field-ripple"></span>
</div>
<div class="mat-input-subscript-wrapper mat-form-field-subscript-wrapper"></div>
</div>
</mat-form-field>
</field>
</textbox>
但我得到“mat form field must contain MatFormFieldControl”；在控制台中。我想这与不直接包含 matInput 字段的 mat 表单字段有关。但它包含它，它只是通过 ng 内容进行投影。
这是闪电战：
回答
不幸的是，尚不支持将内容投影到 mat 表单字段中。
请关注以下 github issue 以获取有关它的最新消息。
目前，你唯一的解决方案是将内容直接放入 mat 表单域组件中，或者实现 MatFormFieldControl 类，从而创建自定义表单域组件。
页:
[1]