如何将 span 元素添加到 json 数据？答案

【问题标题】：How to add span element to json data?如何将 span 元素添加到 json 数据？
【发布时间】：2022-02-24 15:19:56
【问题描述】：

我对 JSON 数据有疑问。我想在字符串中添加一个 span 元素，但它不起作用。如何“转义”字符串？下面是一个例子。

{
    "text": "Copyright©2020 <span class="test">Gamepix</span> All Rights Reserved."
}

【问题讨论】：

转义引号：\"test\"，或'test'
感谢@syduki，但我仍然有同样的问题：prnt.sc/10ttv6r，但我想将此类样式应用于 span 元素。
@JovanaMarčeta 那张截图和 JSON 有什么关系？
这应该是特定于您的应用程序的东西，可能是车把......
我解决了这个错误...我需要在代码 {{{ftext}}} 中使用三个大括号而不是两个，现在它可以工作了。无论如何，谢谢你们:)

标签： javascript html json handlebars.js

【解决方案1】：

如果您使用的是 Typescript，您可以在 HTML 文件中使用 [innerHTML]。
示例：

<div [innerHTML]="text"></div>

在您的打字稿文件中：

text: string = "some text here <span class='yellow'>six pieces</span>, and here";

在您的 .scss 文件中：

::ng-deep .yellow {
    color: #f5dc27;
}

【讨论】：

【解决方案2】：

我知道我回答这个问题有点晚了，但我只是为自己解决了这个问题！ “render”函数在 JSON 键“data”中获取我的数据，并返回“dataname”中的数据以及我想要的 html 标记（span）。
希望这会有所帮助！

            {
               "data": "dataname", render: function (data) {
                    return data + '<span></span>';
                }  
            },
            "Other data keys to follow" 
            {
            },

【讨论】：