模板字符串中 嵌套模板字符串

模板字符串中有需求循环数据放到其中，原先我用arr.map(item=><li><a>${arr.content}</a></li>)
这样不符合要求 ，会报错奇怪，话不多说，上代码

 $('.con1').append(`
    <div class="con1nr" style="width: 322px;" >
          <div class="con1border" style="width: 302px;">
              <ul class="newslist2 " id="ssgvd_1">
                  ${result.map(item=>
                      `<li><a title=" 进会上的讲话" href="./speech_common.html?${item.id}"> ${item.content}</a></li>`
                  ).join('')}
                  //问题就在这  显示符号出现问题
              </ul>
          </div>
      </div>
  `);
}

改进后

  var indexList= result.map(item=>{
      return  `<li><a title="${item.title}" href="./speech_common.html?${item.id}"> ${item.content}</a></<a>`
    }
 ).join('')
  $('.con1').append(`
    <div class="con1nr" style="width: 322px;" >
          <div class="con1border" style="width: 302px;">
              <ul class="newslist2 " id="ssgvd_1">
                  ${indexList}
    //我们可以先把li标签循环出来 然后再以变量的方式放到模板中
              </ul>
          </div>
      </div>
  `);