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

在ES6模板中插入URL

1 个答案: