Question

我正在尝试使用我自己的json数据和包含js ES6反引号的map函数动态创建html UL。我快到了，但是我坚持将值嵌套在变量中。

我尝试转义嵌套工具，但没有成功

 let frontList = data[i].tools.Front.map(tool => {
  return `<li>${tool.tool}</li>`
}).join("")

以上方法已经按照您的建议进行了，谢谢！

let output = ''
  output += `
    <span class="closeBtn">&times;</span>
    <h3>${data[i].title}</h3>
    <p> ${data[i].desc}</p>
    <h5>Front End</h5>
    <ul>
      ${data[i].tools.Front.map(tool => {
          return `<li>${tool.tool1}</li>`
        }).join("")}
    </ul>
    `
  if (data[i].tools.Back) {
    output += `<h5>Back End</h5>
    <ul>
      <li>${data[i].tools.Back[0].tool1}</li>
      <li>${data[i].tools.Back[1].tool2}</li>
      <li>${data[i].tools.Back[2].tool3}</li>
      <li>${data[i].tools.Back[3].tool4}</li>
      <li>${data[i].tools.Back[4].tool5}</li>
    </ul>`
    }

我希望嵌套工具可以转义，但是我遇到了错误。

未捕获的SyntaxError：无效或意外的令牌

需要一点帮助，将变量嵌套在ES6反引号中

0 个答案: