如何使用angular js在ionic 4中显示图像

我正在使用ionic 4。如何使图像显示在列表中。这是我的ionic代码和hello ionic.t角脚本代码

<ion-list>
  <ion-item *ngFor="let item of items">
    <ion-thumbnail slot="start">
      <ion-img [src]="item.src"></ion-img>
    </ion-thumbnail>
    <ion-label>{{item.text}}</ion-label>
  </ion-item>
</ion-list>

在你的hello-ionic.ts中

import { Component } from '@angular/core';

@Component({
  selector: 'page-hello-ionic',
  templateUrl: 'hello-ionic.html'
})
export class HelloIonicPage {
  constructor() {

  }
}

        import { Component } from '@angular/core';

        @Component({
          selector: 'page-hello-ionic',
          templateUrl: 'hello-ionic.html'
        })
        export class HelloIonicPage {
          constructor() {

          }

         items = [{
  src:"https://imgd.aeplcdn.com/1056x594/ec/79/85/9802/img/ol/Lamborghini-Aventador-Front-view-52648.jpg?v=201711021421&q=80",
  text:"dwa"},{src:"https://imgd.aeplcdn.com/1056x594/ec/79/85/9802/img/ol/Lamborghini-Aventador-Front-view-52648.jpg?v=201711021421&q=80",
  text:"dwa"},{src:"https://imgd.aeplcdn.com/1056x594/ec/79/85/9802/img/ol/Lamborghini-Aventador-Front-view-52648.jpg?v=201711021421&q=80",
  text:"dwa"},{src:"https://imgd.aeplcdn.com/1056x594/ec/79/85/9802/img/ol/Lamborghini-Aventador-Front-view-52648.jpg?v=201711021421&q=80",
  text:"wda"}];

       }

此“items”数组在html中的ngFor循环中引用。它获取每个对象并查找其src属性，并在此处将其提供给ion img标记

[src]=“item.src”

---

如果需要澄清，请发表评论

对不起，图像无法获取displayed@sobha你所说的.Image是什么意思？我只是将dwa显示为文本。我没有将图像与textutil.js:66一起显示。Ionic Native:尝试调用StatusBar.styleDefault，但Cordova不可用。确保a）在真实设备或模拟器中运行，b）在索引中包含cordova.js。htmli已添加图像