angular - 如何将 app-logo-image 添加到 primeng 菜单栏？

Question

我关注了https://www.primefaces.org/primeng/#/menubar这很适合显示可以作为列表传递的菜单项。我的要求是在左上角添加App相关的logo图片。请有人建议如何进行这项工作。

ngOnInit() {
        this.items = [
            {label: 'Chart', icon: 'fa-bar-chart', routerLink: 'charts'},

我的 html 如下所示

<p-menubar [model]="items"></p-menubar>

我只是将项目作为数组传递，我可以知道如何显示应用程序 Logo 图像吗。

Answer 1

这应该有帮助

<p-menubar [model]="items">
  <ng-template pTemplate="start">
    <img src="/assets/images/logo.png" height="40" class="p-mr-2" alt="brand logo">
  </ng-template>
  <ng-template pTemplate="end">
    <label>
      <input type="text" pInputText placeholder="Szukaj">
    </label>
    <button type="button" (click)="logout()" pButton label="Wyloguj" icon="pi pi-power-off" style="margin-left:.25em"></button>
  </ng-template>
</p-menubar>