图片未显示在HTML页面上

时间:2019-08-13 16:09:17

标签: html angular ionic-framework ionic4

我正在尝试使用内部路径中的ion-avatar标签加载两个图像文件,并且我一直在尝试使用外部google链接和本地路径进行加载,但在任何情况下均未加载图像。我已经在路径上玩了一段时间了,但仍然不知道出了什么问题。

这就是我在HTML页面中尝试过的方式

 <ion-item *ngFor="let question of questions">
          <ion-avatar slot="start">
            <ion-img [src]="question.imageUrl"></ion-img>
          </ion-avatar>

我的home.service.ts

     private questions: Questions[] = [
    {
      id: 'p1',
      title: 'quanto da 1+1?',
      imageUrl: 'img1.jpg',
      text:"Como faço pra calcular 1+1?",
      questions: ['local', 'endereço', 'horario']
    },
    {
      id: 'p2',
      title: 'vaga de emprego',
      imageUrl: 'https://commons.wikimedia.org/wiki/File:Julio_Dantas.jpg',
      text:'Alguem sabe de uma vaga de emprego?',
      questions: ['vaga', 'experencia', 'salario']
    }
  ];

我的图像在本地 enter image description here

编辑:我更改了链接,它开始正常工作,但是我的图像以及页面下方的内容现在显示为滚动...

enter image description here

1 个答案:

答案 0 :(得分:1)

使用[alt]属性检查图像标签是否正在加载。如果加载,则表示[src]路径存在问题。