Angular 2图片未显示

Question

So I have a very basic issue.

Images are not showing in my Angular 2 application.

This is how I define an image:

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

Is there a package I'm supposed to install to make images work?

BTW I'm new to Angular as you can probably guess!

Answer 1

Property binding ('[]') : To set a property of a view element to the value of a template expression.

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

just works fine

Answer 2

If your image url is a known value as you seem to be indicating here, there's no need for any special angular property binding.

Simply specify your image tag using normal HTML:

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

Note that the path above is a relative path

Answer 3

you need to install an image loader

Try file-loader then you should add in your webpack this rules

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

it should work now