如何不删除空格后的单词？

Question

在单击按钮时在模态上显示变量时，我遇到了一些问题。 var name = details[i].name它给出了确切的完整值，但是当我在模态上显示此数据时，它只显示第一个单词。 第一个单词或空格之后的单词全部自动删除。 我的代码有什么问题？

if (details[i].taskmaster_id && details[i].events.length) {
    var name = details[i].name
    var status = details[i].status
    console.log('status', status)
    console.log(name) //displays full word here 

    messageCleaner.innerHTML = '<button class="btn btn-msg-cleaner btn-sm" id="msg" data-name=' + name + ' data-status=' + status + '>Message to Cleaner</button>';
    //appending Message to Cleaner button
    headerContentJustify.appendChild(messageCleaner);
}

$(document).on('click', '#msg', function (e) {
    const {
        name,
        status
    } = e.target.dataset;
    $("#sendmessagetocleaner").modal('show')
    $('#sendmessagetocleaner').on('shown.bs.modal', function (e) {
        console.log(name) // displays only first word here
        //if the word is john doe I only john here
        $("#cleaner_name").val(name)
        $("#sub").val(`${name}`)
    })

});

Answer 1

您缺少双引号：

messageCleaner.innerHTML='<button class="btn btn-msg-cleaner btn-sm" id="msg" 
data-name="'+name+'" data-status="'+status+"
'>Message to Cleaner
</button>';

没有它，属性的值不会被分组，但它只是空格之前的第一个单词。 第二个词本身就是另一个属性。