angular - 如何在 mat-expansion-panel 上应用所需的检查

Question

我有一个表单，它显示了一个上传面板（mat-expansion-panel）来上传文档。我需要*在垫子扩展面板上显示星号 ( ) 标记以将其显示为必需标记。我知道我们可以通过为or字段*设置必需的属性来标记星号（） 。但我没有找到将它应用到 mat-expansion-panel 上的方法<textarea><input>

标签： angularangular-material2

Answer 1

如果您查看 Angular Material 中的示例：

https://stackblitz.com/angular/nqegnprnrap?file=src%2Fapp%2Fexpansion-overview-example.ts

您只需在面板标题旁边添加星号即可。

<mat-accordion>
  <mat-expansion-panel>
    <mat-expansion-panel-header>
      <mat-panel-title>
        Personal data *
      </mat-panel-title>
      <mat-panel-description>
        Type your name and age
      </mat-panel-description>
    </mat-expansion-panel-header>
  </mat-expansion-panel>
</mat-accordion>