如何在 angular 中正确显示 google 用户的头像？

Question

我正在使用 firebase 身份验证，我有一些关于用户 fx 的数据。照片网址。当我尝试用 url 显示图像时，图像不显示。但是当我将 url 登录到控制台并单击 url 时，它打开了正确的图像。为什么此代码不显示图像？

<img class="align-self-start mr-5 img-thumbnail rounded-circle" src="{{user.photoUrl}}">

Answer 1

而不是使用

src="{{user.photoUrl}}"

使用

[src]="user.photoURL"

Answer 2

您的键值大小写错误 应该是src=“{{user.PhotoURL}}” 而不是 src=“{{user.photo.Url}}”