Javascript 将JSON数据作为属性分配给html元素时，JSON输入意外结束

我需要像这样将

JSON

数据分配为html属性，这样我就可以使用

onClick

事件检索值

<button class="chat" topic-chats=${JSON.stringify(innerTopicJSON.Chats)}></button>

但它返回一个错误未捕获的语法错误：JSON输入意外结束

---

请问这里出了什么问题？

我想您需要在html元素属性中加引号

<button class="chat" topic-chats="chats response here">Jivo chat</button>

<button class="chat" topic-chats="however json with your language"></button>

---

[已解决]

在我的例子中，JSON.parse（）函数在找到任何空空间时停止解析！我不知道为什么会这样

所以我需要对每个json属性进行编码——SendAt，推送到数据库时的用户名。它解决了我的问题

我使用node作为后端，firebase作为数据库

如果有人面对这个问题，可能会有帮助

---

-----快乐编码------

这不是问题所在。是的，你是对的。但是当我使用引号时，不要得到完整的json！顺便说一句，我的按钮元素是从一个类似“return

…

”的函数返回的，它是角度的吗？？

 let innerTopicJSON = {chats:'hello message'}; // smaple json response 
        let jsonstring=innerTopicJSON.chats;  
        $('.chat').attr('topic-chats',jsonstring);

<button class="chat" topic-chats="however json with your language"></button>