如何使用javascript';如果是html格式? 函数checklistParser(块){ 返回( '' + '' + '' + block.data.items.map((项)=>( '' + '' + '' + '' + item.text+ '' + '' )).加入(“”)+ '' + '' + '' ); }

如何使用javascript';如果是html格式? 函数checklistParser(块){ 返回( '' + '' + '' + block.data.items.map((项)=>( '' + '' + '' + '' + item.text+ '' + '' )).加入(“”)+ '' + '' + '' ); },javascript,html,Javascript,Html,我想做的是,如果item.checked=true 我想添加classcdx-checklist\uu项目——选中了,但我被困在了这个项目中 我犯了这个错误 未捕获的语法错误:意外字符串 为了更容易阅读,您可以更多地使用模板文本(ES6)。那么您可以避免字符串连接的问题吗 function checklistParser(block) { return ( `<div class="ce-block"> <div class=&qu

我想做的是,如果
item.checked=true

我想添加class
cdx-checklist\uu项目——选中了,但我被困在了这个项目中


我犯了这个错误

未捕获的语法错误:意外字符串


为了更容易阅读,您可以更多地使用模板文本(ES6)。那么您可以避免字符串连接的问题吗

function checklistParser(block) {
  return (
    `<div class="ce-block">
      <div class="ce-block__content">
        <div class="cdx-block cdx-checklist">
          ${block.data.items.map((item) => (
            `<div class="cdx-checklist__item ${item.checked ? `cdx-checklist__item--checked` : ``}">
               <span class="cdx-checklist__item-checkbox"></span>
               <div class="cdx-checklist__item-text">${item.text}</div>
            </div>`
          )).join('')}
        </div>
      </div>
    </div>`
  );
}
函数checklistParser(块){
返回(
`
${block.data.items.map((item)=>(
`
${item.text}
`
)).join(“”)}
`
);
}

为了使其更易于阅读,您可以更多地使用模板文本(ES6)。那么您可以避免字符串连接的问题吗

function checklistParser(block) {
  return (
    `<div class="ce-block">
      <div class="ce-block__content">
        <div class="cdx-block cdx-checklist">
          ${block.data.items.map((item) => (
            `<div class="cdx-checklist__item ${item.checked ? `cdx-checklist__item--checked` : ``}">
               <span class="cdx-checklist__item-checkbox"></span>
               <div class="cdx-checklist__item-text">${item.text}</div>
            </div>`
          )).join('')}
        </div>
      </div>
    </div>`
  );
}
函数checklistParser(块){
返回(
`
${block.data.items.map((item)=>(
`
${item.text}
`
)).join(“”)}
`
);
}
只需更改此行即可

'<div class="cdx-checklist__item '`${item.checked}` ? 'cdx-checklist__item--checked' : '' ' ">'
换一行就行了

'<div class="cdx-checklist__item '`${item.checked}` ? 'cdx-checklist__item--checked' : '' ' ">'

`${item.checked}`?'cdx-checklist\uuuu item--checked':''
->
+'${item.checked?'cdx-checklist\uuuu item--checked':''}+
检查字符串连接的语法
'${item.checked}'?'cdx-checklist\uuu item--checked':''
->
+'${item.checked?'cdx-checklist\uu item--checked':''}+
检查字符串连接的语法