2017-07-04 4 views
1

In this images shows what happen HTMLコードをWebページに表示私のイメージのこの一部ではhere-であるとの一部がnot..howである私はそれ読み込みのみいくつかのHTML内の画像やangularJS

<img src="img/uploadFiles/{{room.imageLocation.split('//')[6]}}/{{room.imageLocation.split('-')[1]}}" alt="Image Loading Failed"/> 
+0

もしPOS sibleはイメージパスを変更しようとしますが、それらは有効なファイル名ではないと思います。 –

+0

これは、実際に*問題が何であるかを理解するために[mcve]が必要なケースです。 **非常に珍しい**ファイル名を持つスクリーンショットから問題を再現することはできません。特に、あなたが作業しているデータを知らなくても。 – Claies

答えて

1

使用修正する必要がありますng-src代わりのsrcあなたが結合されている画像

<img ng-src="img/uploadFiles/{{room.imageLocation.split('//')[6]}}/{{room.imageLocation.split('-')[1]}}" alt="Image Loading Failed"/> 
+0

私は上記の画像と同じ結果を使用しました。 –

+0

何が問題なのですか? – Sajeetharan

+0

いくつかの画像が読み込まれていますが、画像がロードされていません。 –

0
<img src="img/uploadFiles/{{room.imageLocation.split('//')[6]}}/{{room.imageLocation.split('-')[1]}}" alt="Image Loading Failed" onError="this.src='./assets/img/placeholder.png'" /> 
+0

まだ画像が読み込まれていないものもありますが、どちらも同じフォーマットではありません –

関連する問題