Question

我正在寻找使用Angular2的最新解决方案。我有一个图像列表，所以在我的模板中，我这样做：

<div *ngFor="let myImg of myImages">
    <img src="{{myImg}}" />
</div>

myImages是我的component.ts中加载的数组：

myImages: string[] = new Array();

这是Postman和我试图建模的API调用：

在angular2中执行此操作的最佳方法是什么？

Answer 1

我怀疑是否有办法这样做，因为浏览器通常不允许您在img元素上设置身份验证标头。

您最好的选择是使用http服务使用单独的http请求检索图像，然后使用该值设置源。

最好是响应是图像base64编码，因此您可以将其设置为img标记的源，但有一些方法可以在客户端将二进制转换为base64。