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

时间:2018-06-15 11:12:28

标签: 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>

但是出错了:

  

错误错误:没有名称的表单控件的值访问器:   &#39; user_photo&#39;

1 个答案:

答案 0 :(得分:2)

您不必使用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>

并且btw这个容器元素的* ngIf在这种情况下是无用的,因为如果没有用户它甚至无法到达空图像