javascript - ES6 模板文本中的 URL 插入

Question

我有一个包含许多对象的 Json 文件，我想使用 ES6 中的模板文字语法显示它们。我需要显示一组图像，但无法传递任何 URL，因为它似乎删除了地址的//。否则一切都很完美。

问题似乎来自innerHTML函数，因为当我控制台记录包含要插入的HTML代码的变量时，URL被完美地写入。

我想知道如何解决这个问题并正确显示我的图像

(模板文字中的 HTML 更长，我只是在这里简化了它)

 const resultat = document.querySelector('.master-wrapper'); //where the result appear

    const html = pokedex.map(pokedex => {
        return `
                <img src"  ${ pokedex.img } "></img>  //where the url is inserted
               `;
    }).join('')

    resultat.innerHTML += html;

Answer 1

此处缺少 = 符号，因此浏览器将其呈现为单独的属性，删除了斜杠。

<img src="  ${ pokedex.img } "></img>  //where the url is inserted