Angular material 输入字段中的图标未显示

请找到下面的例子，其中它运行良好，我猜我们需要添加导入

还要确保您已在index.html中添加了字体的导入

<link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

分量ts

import { Component } from '@angular/core';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { MatButtonModule } from '@angular/material/button';
import { MatFormFieldModule } from '@angular/material/form-field';

/** @title Simple form field */
@Component({
  selector: 'form-field-overview-example',
  templateUrl: 'form-field-overview-example.html',
  styleUrl: 'form-field-overview-example.css',
  standalone: true,
  imports: [MatIconModule, MatFormFieldModule, MatButtonModule, MatInputModule],
})
export class FormFieldOverviewExample {
  onSubmit() {}
}

组件html

<form (ngSubmit)="onSubmit()" class="contact-form">
  <mat-form-field>
    <mat-label>Email</mat-label>
    <input
      matInput
      type="email"
      formControlName="email"
      placeholder="Ex. pat@example.com"
    />
    <mat-icon color="primary" matSuffix>email</mat-icon>
  </mat-form-field>

  <button mat-raised-button color="primary" type="submit">Save</button>
</form>

Stackblitz Demo