无法读取未定义的 属性，指令 *ngIf，Angular 8

Question

我正在使用此代码来使用服务数据并将其信息保存在变量中：

dataUser: any;

  constructor(private userService: UserService, private router: Router, private modalService: NgbModal) {
    this.userService.getUserData(this.formPhotoProfile.value).subscribe((data: any) => {
      this.dataUser = data;
    });
  }

当我使用变量 'dataUser' 获取图像值时它起作用了，问题是当我使用带有指令 *ngIf 的变量时出现此错误：无法读取 属性 'imageONE' 未定义

<img *ngIf="dataUser.imageONE" id="imagen-one" [src]="dataUser.imageONE">

Answer 1

你可以尝试这个选项（添加了一个答案，因为无法编辑评论）：

选项 1:

<div *ngIf="userData?.imageOne">
    <img [src]="userData?.imageOne"/>
</div>

选项 2：

<ng-container *ngIf="userData?.imageOne">
    <img [src]="userData?.imageOne"/>
</ng-container>

选项 3：

<img [src]="userData?.imageOne"/>

https://stackblitz.com/edit/angular-ivy-4nubup