Angular 如何显示授权用户的照片?

Angular 如何显示授权用户的照片?,angular,angular-template,Angular,Angular Template,如何显示授权用户的照片?试图这样做: <div *ngIf="authTokenService.currentUserData"> <img class="img" src="assets/img/empty_photo.png" [(ngModel)]="authTokenService.currentUserData.user_photo" name="user_photo"> </div> 但给出了一个错误: 错误:名称为的窗体控件没有

如何显示授权用户的照片?试图这样做:

  <div *ngIf="authTokenService.currentUserData">
    <img class="img" src="assets/img/empty_photo.png" [(ngModel)]="authTokenService.currentUserData.user_photo" name="user_photo">
  </div>
但给出了一个错误:

错误:名称为的窗体控件没有值访问器: “用户照片”


您不必使用NgModels,因为它们只用于表单或输入;您只需将source attr src更改为users img url,如下所示:

<div *ngIf="authTokenService.currentUserData">
    <img class="img" [src]="authTokenService.currentUserData ? authTokenService.currentUserData.user_photo : 'assets/img/empty_photo.png'" name="user_photo">
</div>
顺便说一句,容器元素的这个*ngIf在这种情况下是非常无用的,因为如果没有用户,它甚至无法到达空图像

authTokenService.currentUserData.user\u photo是url吗?还是图像?这意味着authTokenService.currentUserData.user\u照片为空