角度4-P菜单在菜单栏上看不到图标

当前在我的项目中,我正在使用 角度4.1 带有侧菜单功能。 右边是汉堡包菜单图标。单击它,我想显示带有图标的标签。

下面是我的代码

1. 汉堡菜单.template.html

<div class="burger-menu-container">
  <p-menu [model]="items"></p-menu>
</div>

2. 汉堡-菜单.组件.ts

从'priming/priming'导入'menuitem';

在类中,我声明了变量,如下所示:

public items: MenuItem[];

在Ngoninit中,我调用了以下方法:

this.menuItem();

功能实现:

private menuItem(): void {
    this.items = [
      {
        label: this.translate.instant('burgermainmenu.mycompanyrestaurantlabel'), icon: 'home-icon', command: (event) => {
          this.arrowClick('home');
        }
      },
      {
        label: this.translate.instant('burgermainmenu.allcompanyrestaurantlabel'), icon: 'all-cafeteria-icon',
        routerLink: ['../../cafe/cafeteria-list', 'list-view', { id: this.currentLocation }],
        command: (event) => {
          this.arrowClick('');
        }
      }]

3. 应用模块.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

在@ngmodule内部,以下内容已导入

imports: [
    BrowserModule,
    HttpClientModule,
    RouterModule.forRoot(ROUTES, { useHash: true }),
    BrowserAnimationsModule,
    SharedModule,
    TranslateModule.forRoot({
      loader: { provide: TranslateLoader, useClass: CustomLoader }
    }),
    AsyncLocalStorageModule,
    LazyLoadImageModule
  ]

发行- 根据上面的实现,我无法在侧菜单中看到要标记的图标。

任何帮助都是可以理解的。