在Angular中,当使用mat-form-field时,必须将其包装在一个包含MatFormFieldControl的元素中。这是因为mat-form-field需要与表单控件一起使用。
下面是一个示例代码,演示了如何正确使用mat-form-field和MatFormFieldControl:
HTML模板:
在上面的示例中,我们将input元素包装在mat-form-field中,并使用matInput指令将其标记为表单控件。这样,mat-form-field就知道如何与该输入字段进行交互。
确保在使用mat-form-field时,将其包装在支持MatFormFieldControl的元素中,如input、textarea等。使用matInput、matSelect等指令将它们标记为表单控件。
希望这可以帮助您解决问题!