画像は角度2

Question

HTMLファイルにロードしません。しかし、HTMLページを配信すると、他の詳細はロードされますが、イメージはロードされません。画像のリンクを直接与えることを試みると（www.google.com/images/x.pngなど）、動作しますが、ローカルファイルは読み込まれません。

フォルダツリー：ここに

src 
    -app 
    -logincomponent 
       - logincomponent.html 
       - logincomponent.css 
       - New-Google-Logo.png 
       - logincomponent.ts 
    -homecomponent 
       - homecomponent.html 
       - homecomponent.css 
       - homecomponent.ts 

上記のよう新Google.pngがlogincomponent.html内部で呼ばれています。

2を試してみてください：

src 
    -app 
    -logincomponent 
       - logincomponent.html 
       - logincomponent.css 
       - Images 
       - New-Google-Logo.png 
       - logincomponent.ts 

とHTMLで言及のように：

<div> 
     <img src="./images/New-Google-Logo.png"/> 
</div> 

どちらも、これらのうちに働いていませんでした。

Answer 1

アングルクリームを使用している場合は、すべての静的アセットをアセットフォルダに保存する必要があります。

<div> 
     <img src="assets/images/New-Google-Logo.png"/> 
</div> 

プロジェクトにサービスを提供する際には、すべての静的資産をクライアントに表示するためにクライアントに提供する必要があります。 Angular cliは、プロジェクト全体をjsファイルでビルドしてバンドルします。あなたは二つの方法

• に従うことができ、あなたの静的な資産を提供するために、角度-CLIは、デフォルトの.angular-cli.json

• となったり、スタティックのエントリを作成する必要がある資産フォルダ内のすべての静的な資産を置きますフォルダは静的フォルダと静的フォルダ内にある私のイメージとして資産として名前付き配列で.angular-cli.jsonファイル内の資産フォルダには、

  "assets": [ "assets", "static/images" ]