Угловой 2 Изображение не показано

Question

Итак, у меня есть очень простая проблема.

Изображения не отображаются в моем приложении Angular 2.

Это, как я определяю изображение:

<img alt="logo" [src]="'./images/logo.png'"> 

Есть ли пакет, я должен установить, чтобы сделать изображение работать?

BTW Я новичок в Angular, как вы, наверное, можете догадаться!

Answer 1

Если ваш URL-адрес изображения известен, как вы, кажется, указываете здесь, нет необходимости в привязке к специальному угловому свойству.

Просто укажите тег изображения с помощью обычного HTML:

<img alt="logo" src="images/logo.png"> 

Обратите внимание, что выше путь является относительным путем

Answer 2

Свойство связывания («[]»): Для того, чтобы установить свойство просмотра элемента к значению шаблонного выражения.

<img alt="logo" src="'./images/logo.png'">

просто отлично работает

Answer 3

вам нужно установить загрузчик картинку

TRY file-loader, то вы должны добавить в ваш WebPack это правила

module.exports = { 
    module: { 
    rules: [ 
     { 
     test: /\.(png|jpg|gif)$/, 
     use: [ 
      { 
      loader: 'file-loader', 
      options: {} 
      } 
     ] 
     } 
    ] 
    } 
} 

это должен теперь работать