在ngFor循环中显示来自source.unsplash.com的10张独特图片

Question

我正在使用* ngFor重复一个img标记，试图从unsplash API中显示10个独特的图片。我的代码如下所示：

<div *ngFor="let a of myArray; let index = index">
<div class="thumbnail">
<img src={{a}}>
</div>
</div>

myArray由10个具有相同链接的字符串组成：https://source.unsplash.com/category/x其中x取自用户输入字段。 x的一个例子可以是自然或食物。我每次去https://source.unsplash.com/category/nature时都会显示不同的图片，但在我的应用中，它会显示相同的图片10次。

好像我的应用程序只访问了一次链接，然后重复了10次图像，我如何制作这样10个图像都是唯一的？

Answer 1

它应该是： <img src={{a.url}}> 其中a是 myArray 数组中的每个项目。

Answer 2

已经过了几个月，但答案就在这里：

https://github.com/unsplash/unsplash-source-js/issues/9

  

您可以通过向查询字符串添加sig参数来实现。例如   https://source.unsplash.com/random?sig=123无所谓   值是（它在服务器端被忽略），只是它不同   对于页面上的每个实例。

     

-aaronklaassen