Html 为什么不是'；t<；img[src]>；不显示内部<；离子柱>；使用*ngFor循环？

我有一些代码，旨在显示用户配置文件图像，无论是默认图像还是用户上传的图片。现在，img[src]=“profileImage” 图像本身显示得非常好。然而，当我把它放在离子柱里时，它并没有显示出来

下面是我正在使用的以下代码

HTML

用于上载配置文件图像的firebase代码段

  this.firebaseService.uploadImage(image_src, randomId)
    .then(photoURL => {
      this.profileImage = photoURL;
      loading.dismiss();
      toast.present();

---

您将profileImage设置为字符串数组，[src]只接受字符串

像这样试试

this.profileImage=“/assets/imgs/user.png”//不要将其声明为字符串

或者，如果您有多个图像，请尝试使用索引获取

this.profileImage=[”/assets/imgs/user.png“，“/assets/imgs/user1.png”]

在html中

它在离子行内吗？你试过

吗？

export class EditProfilePage implements OnInit {



  profileImage : any;

  ngOnInit() {
  this.profileImage =  ["./assets/imgs/user.png"]

this.students = data.map(e => {
        return {
          id: e.payload.doc.id,
          isEdit: false,
          userName: e.payload.doc.data()['userName'],
          userBio: e.payload.doc.data()['userBio'],
          profileImage: e.payload.doc.data()['profileImage'],
        };
      })
      console.log(this.students);

    }

  this.firebaseService.uploadImage(image_src, randomId)
    .then(photoURL => {
      this.profileImage = photoURL;
      loading.dismiss();
      toast.present();