js 字符串模板实列

js字符串模板消息

const Leo = {
    name:'Leo',
    date:'2019-12-21',
    todos:[
        {name:'Go to Store',completed:false},
        {name:'Watch Movie',completed:true},
        {name:'Running',completed:true},
    ]
}
function rendertudos(){
    return `
        <ul>
            ${Leo.todos.map((todo) => `
                <li>
                    ${todo.name} ${todo.completed ? 'OK' : 'NO'}
                </li>`).join('')
            }
        </ul>
    `
}
const template = `
    <div>
        ${rendertudos()}
    </div>
`
document.body.innerHTML = template
console.log(template)

　　如果对小哥哥小姐姐有帮助请点个推荐哈，欢迎留言、评论、搞事！！   双肩背包 【正品折扣专业店】 -- biy1314.taobao.com