Html 角度材质列表中未显示图标

我正试图显示应用程序用户的姓名列表。包括 显示屏上应该有一个图标按钮，它将执行一些操作 按下时。我使用的是角材料组件

我相信我有模块的所有重要导入。下面的代码显示 我导入的材质设计组件：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MatListModule } from '@angular/material/list';
import { MatToolbarModule,
         MatCardModule,
} from '@angular/material';
import { routeCmp } from './app.router';
import { NewuserModule } from './newuser/newuser.module';
import {MatIconModule} from '@angular/material';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { AppComponent } from './app.component';
import { MainComponent } from './main/main.component';

@NgModule({
  declarations: [
    AppComponent,
    MainComponent,
  ],
  imports: [
    BrowserModule,
    MatToolbarModule,
    MatCardModule,
    MatListModule,
    MatIconModule,
    BrowserAnimationsModule
  ],
  // the rest of the code omitted for brevity
})
export class AppModule { }

根据我在互联网上看到的例子，我有以下HTML供我参考 显示：

<mat-nav-list>
    <mat-list-item *ngFor="let names of userNames">
        <div matLine>{{ names }}</div>
        <button mat-icon-button>
            <mat-icon>info</mat-icon>
        </button>
    </mat-list-item>
</mat-nav-list>

{{names}}
信息

注意，用户名（目前）只是一个字符串数组

我的代码类似于下面所示的代码，它取自

复杂导航列表
信息

示例中的显示如下图所示：

不幸的是，我看到的是一个按钮和文本：

显然，我遗漏了一些东西。示例中没有描述的内容 让它工作。我确实尝试过在自己的开发设置中重新创建示例代码，基于 在我从网站下载的内容上。示例代码未能正确显示 我的环境中的图标

有人能告诉我这里缺少什么吗？如何使列表正确显示

---

“我的列表”中的图标？

在AppModule的导入中，您似乎缺少

MatButtonModule

。

在AppModule的导入中，您似乎缺少

MatButtonModule

。

您需要将材质图标字体导入到项目中

在

index.html

中，添加以下代码

---

由于您使用的是

mat图标按钮

，因此还需要将

MatButtonModule

导入到

AppModule

导入中。

您需要将材质图标字体导入到项目中

在

index.html

中，添加以下代码

由于您使用的是

mat图标按钮

，因此还需要将

MatButtonModule

导入到

AppModule

导入中

<h5>Complex Nav List</h5>
<mat-nav-list>
    <mat-list-item *ngFor="let link of links">
        <a matLine href="javascript:void(0)">{{ link }}</a>
        <button mat-icon-button>
            <mat-icon>info</mat-icon>
         </button>
    </mat-list-item>
</mat-nav-list>