通过loadsh.js绑定时如何在html输入标签中插入JSON字符串

Question

如何通过loadsh.js绑定时如何在HTML输入标签中插入JSON字符串？

我正在使用loadash lib绑定HTML中的数据

<input value="${ mydata.value }" width="200px" />

在这里，我必须在dom元素内绑定JSON字符串数据。评估如下

<input value="{"
              value1":"2","v2":"v3"}" width="200px" />

我现在的值只有“ {”。所以无论如何要使用完整的JSON获取值。

并且我尝试了JSON.stringify（），它给出了与我上面提到的相同的结果。

<input value="${ JSON.stringify(mydata.value) }" width="200px" />

在某些情况下，单引号有问题。

<input value='{"name":"K'naan"}' />

它将评估为

value='{"name":"K' 

Answer 1

您将需要使用简单的'而不是"

因此您的代码应为

<input value='${ mydata.value }' width="200px" />

这将生成有效的以下元素。

<input value='{"value1":"2","v2":"v3"}' width="200px" />

单引号应用作JSON的外部，以便内部可以根据JSON规范使用双引号。