How do I display a photo of an authorized user?

Question

How do I display a photo of an authorized user? Tried to do so:

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

but gives an error:

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

Is `authTokenService.currentUserData.user_photo` a url? or a image? — Anuradha Gunasekara, Jun 15 '18 at 11:18

Tobias Fuchs · Accepted Answer · 2018-06-15T11:23:21.557

2

You don't have to use NgModels because their only used in forms or inputs; you can just simply change the source (attr src) to the users img url like this:

<div *ngIf="authTokenService.currentUserData">
    <img class="img" [src]="authTokenService.currentUserData ? authTokenService.currentUserData.user_photo : 'assets/img/empty_photo.png'" name="user_photo">
</div>

and btw this *ngIf for the container element is pretty useless in this case because it cannot even reach the empty image if there's no user

edited Jun 15 '18 at 11:23

answered Jun 15 '18 at 11:19

Tobias Fuchs

910
5
8

this means the `authTokenService.currentUserData.user_photo` is null – Tobias Fuchs Jun 15 '18 at 11:24

How do I display a photo of an authorized user?

1 Answers1