如何显示授权用户的照片？

Question

如何显示授权用户的照片？尝试这样做：

  <div *ngIf="authTokenService.currentUserData">
    <img class="img" src="assets/img/empty_photo.png" [(ngModel)]="authTokenService.currentUserData.user_photo" name="user_photo">
  </div>

但报错：

ERROR Error: No value accessor for form control with name: 'user_photo'

Answer 1

您不必使用 NgModel，因为它们仅用于表单或输入；您可以像这样简单地将源 (attr src) 更改为用户 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 在这种情况下非常无用，因为如果没有用户，它甚至无法到达空图像

如何显示授权用户的照片？

How do I display a photo of an authorized user?

angular-template

angular