Angular mat-form-field 要求“必须包含 MatFormFieldControl”,但它是一个仅显示的文本框

问题描述 投票:0回答:1

我正在尝试将一些消息放入文本框中,并希望利用 mat-form-field 的多功能性。该框仅用于显示,这意味着它不接受输入。所以我有:

<mat-form-field appearance="fill" style="width:2400px">
    <mat-label>Some messages from somewhere</mat-label>
    <textarea cdkTextareaAutosize  cdkAutosizeMinRows="6" [formControl]="some_message"></textarea>
</mat-form-field>

在 TS 文件中:

some_message=new FormControl();

问题是:错误:mat-form-field 必须包含 MatFormFieldControl。这很令人费解,因为我在这里提供了一个控件。我也尝试过这个:

<mat-form-field appearance="fill" style="width:2400px">
    <mat-label>Some messages from somewhere</mat-label>
    <textarea cdkTextareaAutosize  cdkAutosizeMinRows="6">"some_message"</textarea>
</mat-form-field>

显然这也失败了。如果我添加了 MatInput,那么这就会通过。这里有什么问题?

angular forms mat form-control mat-form-field
1个回答
0
投票

您错过了在控件中添加 matInput 。

<mat-form-field appearance="fill" style="width:2400px">
    <mat-label>Some messages from somewhere</mat-label>
    <textarea cdkTextareaAutosize matInput  cdkAutosizeMinRows="6">"some_message"</textarea>
</mat-form-field>
© www.soinside.com 2019 - 2024. All rights reserved.