使用 require 在 Angular 11 應用程序中加載圖像

Question

我試圖通過將<img src="../xxx/yyy"到 Html 中，以傳統方式在 Angular 11 應用程序中加載一些圖像，但它返回404 error 。 （我確定路徑沒問題）。 之后，我嘗試了 require 解決方案，但它再次失敗。 這是我使用 require 的方式。 任何想法 - 解決方案？

打字稿

declare var require: any;
imgname= require("../../assets/images/Component95_1.png").default; 

html

<img src={{imgname}}>

Answer 1

您需要在src創建一個assets目錄。 使用完整路徑，您可以獲得圖像。 例子

我建議通過輸入指令設置src ： <img [src]="imgname">