ngForループ内のsource.unsplash.comの10枚のユニークな画像を表示

* ngForを使用して、imgタグを繰り返して、アンプラッシュAPIから10のユニークな画像を表示しようとしています。私のコードは次のようになります。xは、ユーザの入力フィールドから取得されhttps://source.unsplash.com/category/x：ngForループ内のsource.unsplash.comの10枚のユニークな画像を表示

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

同じリンクを持つ10個の文字列で構成されMyArrayという。 xの例は自然や食べ物です。私がhttps://source.unsplash.com/category/natureに行くたびに、別の画像が表示されますが、私のアプリでは同じ画像が10回表示されます。

私のアプリは一度しかリンクにアクセスしていないのですが、画像を10回繰り返しているようですが、どうすれば10個の画像が一意になるのですか？

出典

2016-08-14 gurkis

それは次のようになります。あなたのMyArrayという配列内の各アイテムである <img src={{a.url}}> を。

出典

2016-08-14 17:04:05

これは理にかなっているし、それが助けた、ありがとう！しかし、私はまだ10のユニークな写真が表示されていないという問題があります。私は今私の元の投稿を編集しました – gurkis

あなたは2つのことをすることができますか？ 1）同様にurコンポーネントコードも入力してください。 2）タグのURLが同じかどうかを確認してください。最も良い方法は、githubまたはplunkerにurコードを表示して、問題を見つけやすくすることです。 –

ここに私のコードのplunkerです：https://plnkr.co/edit/XHtbBpwVxKemXBfmP6dQ – gurkis

それは、数ヶ月あったが、答えはここにあります：

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

あなたは、クエリ文字列にSIGのPARAMを追加することによってそれを行うことができます。例えば https://source.unsplash.com/random?sig=123 の値は（サーバー側では無視されます）問題ではなく、ページ上のすべてのインスタンスについて異なるです。

-aaronklaassen

出典

2016-10-25 00:30:28

ngForループ内のsource.unsplash.comの10枚のユニークな画像を表示

答えて

関連する問題