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照片为空