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

您需要安裝圖像加載器

嘗試使用文件加載器，那么您應該在Webpack中添加此規則

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

它現在應該工作