如何使用承载授权使用Angular2和NPM加载图像异步

Question

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

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

myImages都在我的component.ts加载数组：

myImages: string[] = new Array(); 

这是邮递员和API调用我试图建模之后：

在angular2中做到这一点的最佳方法是什么？

Answer 1

我怀疑有一种方法可以做到这一点，因为浏览器通常不会允许您在img元素上设置身份验证标头。

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

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