如何使用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
我想添加classcdx-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':''}+
检查字符串连接的语法