img-tag 中 src 的 JS 邏輯

Question

我正在從 API 獲取數據、文本和 imageUrl。 在沒有返回 imageUrl 的情況下，我想顯示我的資產文件夾中的圖像。

我可以在 img-tag 中編寫邏輯嗎？如果可以的話怎么寫？ 還是我必須在外面寫一些 function ？

這是現在的代碼外觀：

 profiles.forEach((profile) => { expertiseContainer.innerHTML += ` <div > <img src="${ profile.imgUrl }" alt="Profile image"> <h2>${ profile.name }</h2> </div> ` })

Answer 1

下面是一種方法，在模板字符串中使用條件運算符：

 profiles.forEach((profile) => { expertiseContainer.innerHTML += ` <div > <img src="${ profile.imgUrl? profile.imgUrl: 'assets/default.png' }" alt="Profile image"> <h2>${ profile.name }</h2> </div> ` })