[解決済み] Angular anプロジェクトで画像（およびその他の資産）を読み込むにはどうすればよいですか？

質問

私はAngularの初心者なので、これを行うためのベストプラクティスがよくわかりません。

私はangular-cliと ng new some-project を使用して、新しいアプリを生成します。

その中で、"assets"フォルダの中に"images"フォルダが作成されましたので、現在、私のimagesフォルダは src/assets/images

で app.component.html (これは私のアプリケーションのルートです)に

<img class="img-responsive" src="assets/images/myimage.png">

をすると ng serve をクリックしてWebアプリケーションを表示しても、画像が表示されません。

Angularアプリケーションで画像を読み込むためのベストプラクティスは何ですか？

編集部：下記の回答をご覧ください。私の実際の画像名にはスペースが使用されており、Angularはそれを好まない。ファイル名のスペースを削除すると、画像は正しく表示されました。

解決方法は？

直りました。私の実際の画像ファイル名にはスペースが入っていて、何らかの理由でAngularはそれを好まないのです。ファイル名からスペースを取り除くと assets/images/myimage.png が動作しました。