html - 某些资产图像未在 Ionic 应用程序中显示

Question

我正在为 android 和 Ios 开发 ionic 4 应用程序，我有不同格式的图像，如 svg 和 png 格式。但是，在幻灯片菜单中只显示 svg 格式的图像，

    public appPages = [
    {
      title: "Alarm Home",
      url: "/home",
      icon: "home.svg"
    },
    {
      title: "Alarm List",
      url: "/totalalarms",
      icon: "list.png"
    },
    {
      title: "My Notifications",
      url: "/notification",
      icon: "bell.png"
    },
    {
      title: "About",
      url: "/about",
      icon: "info.png"
    }
  ];

并在 HTML

  <ion-item [routerDirection]="'root'" (click)='selectedSlideOption(p.url)'>
    <ion-icon slot="start" src="./assets/img/{{p.icon}}"></ion-icon>
    <ion-label>
      {{p.title}}
    </ion-label>
  </ion-item>

标签： htmlangulartypescriptnpmionic4

Answer 1

您可以尝试使用：

<img [src]="/assets/img/{{p.icon}}" style="width: 20px" />

或者

<ion-img [src]="/assets/img/{{p.icon}}" style="width: 20px"></ion-img>