2016-07-14 21 views
-4

私はHttp-serverとAnglarJSを使用しています。以下はフォルダ構造です。 search.htmlAngularJSはどのように画像を表示しますか?

screenshot of folder structure

私はabc.pngを表示したいです。

私はimgタグを使用して、私は通常、HTMLで何をやった:

<img src="../img/abc.png" > 

は今、私はエラーを受け取っ:

GET http://localhost:8000/img/abc.png 404 (Not Found)

だから私はこのようimgタグを宣言:

<img src="/website/img/abc.png" /> 

これはうまくいきます。それは私を驚かせた。

AngularJSはどのように画像を表示しますか?

+1

これを試してください

+1

angleは画像を表示することとは関係ありません。あなたは画像のパスを取得できませんでした。 – Aviatrix

答えて

2

これは、はありません。AngularJSと特に関係します。

../ビットは、の相対パスです。ブラウザのネットワークタブを見て、基本パスの内容をリバースエンジニアリングし、どのフルパスで解決されたかを確認することができます(これは404を与えます)。

2番目の例の/websiteビットはではなく、の相対パスです。アプリケーションのルートからファイルを探します。上記と同じアドバイス(ネットワークタブを参照)は、それが行ったことをリバースエンジニアリングするために保持されます。

相対パスで最初のフォームを使用するには、../../../と複数のサブフォルダを再度入力する必要があります。あなたの環境に特有のものであることを具体的にどのようにすべきか私たちに伝えることは不可能です。

関連する問題