如何将 app-logo-image 添加到primeng菜单栏? [英] How to add app-logo-image to primeng menubar?

问题描述

我关注了https://www.primefaces.org/primeng/#/menubar 这对于显示可以作为列表传递的菜单项是很好的.我的要求是在左上角添加与应用程序相关的徽标图像.请有人建议如何使这项工作.

I followed https://www.primefaces.org/primeng/#/menubar which is good to display menu-items that can be passed as a list. My requirement is to add App related logo image to the top-left corner. Plz can someone advise how to make this work.

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

我的 html 如下所示

and my html looks as below

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

因为我只是将项目作为数组传递，我可以知道如何显示 app-logo-image.

As am just passing items as an array, may I know how to display app-logo-image.

推荐答案

这应该会有所帮助

<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>

这篇关于如何将 app-logo-image 添加到primeng菜单栏?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！