Question

我需要基于变量userAccount.image显示正确的图像，该变量是一个包含图像名称的字符串（即“ profile1.png”）。我似乎无法弄清楚将变量传递到pug中的属性的语法。

我看了有关哈巴狗的文档，我相信我没有遇到任何不幸地复制了与我案子最近的例子。

script.
    var image = '#{userAccount.image}'
img(src="/images/" + image)

控制台抛出以下错误

GET http://localhost:3000/images/ 404 (Not Found)

表示变量image是一个空字符串。但是，当我在脚本中使用console.log（image）时，它显示为“ profile1.png”

Answer 1

我想出了办法。

img(id="img")
    script.
        var imgTag = document.getElementById("img")
        var image = '#{userAccount.image}'
        imgTag.setAttribute('src', "/images/" + image)

如何将变量插值到属性？

1 个答案: