Angular 2图像未显示

Question

所以我有一个非常基本的问题。

我的Angular 2应用程序中没有显示图像。

这是我定义图像的方式：

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

我是否应该安装一个软件包以使图像正常工作？

顺便说一句，我可能猜到了Angular的新手！

Answer 1

属性绑定（'[]'）：将视图元素的属性设置为模板表达式的值。

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

工作正常

Answer 2

如果您的图片网址是您在此处显示的已知值，则无需任何特殊的角度属性绑定。

只需使用普通HTML指定图片代码：

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

请注意，上面的路径是相对路径

Answer 3

您需要安装图像加载器

尝试file-loader然后你应该在你的webpack中添加这个规则

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

现在应该可以使用