Изображения не отображаются в Angular

Question

Здесь скромный учитель пытается придумать приложение для моей школы, поэтому, go, легко! Я пытаюсь отобразить изображение учащегося в моем приложении Angular, но это не работает в моем student-details.component.ts:

<img src="./images/11451.png" alt="Test" width="84"
     height="120">

Если я использую URL-адреса, он отображается нормально, поэтому я думаю, что это проблема с файловой структурой. Кто-нибудь может помочь? Я использую ng serve -o, чтобы увидеть приложение, если это имеет значение для localhost: 4200

Answer 1

Рекомендуемая практика - поместить изображения в папку с ресурсами,

Если вы добавляете изображения в папку с ресурсами / изображениями, эта строка кода должна работать в ваших шаблонах

src
|__assests
   |__images
      |__myimage.png

и доступ к нему как

<img alt="My image name" src="./assets/images/myimage.png">