绑定到Jquery模板的数据没有如我所期望的那样显示

Question

我正在使用JQuery模板，并将数据绑定到该模板。但是，如果我有一个单词中有空格的字符串，我看不到模板上显示的全部内容。

我缺少一个简单的转换吗？

例如。

我的目标：

Object {MainText: "ABCD THE MAN", TextOverride: "ABCDTHE MAN", HideFromView: true}

我的领域：

<input type="text" class="group-text" value=${MainText}></>
<input type="text" class="group-text" value=${TextOverride}></>
<input id="Checkbox1" class="hide-in-schedule" type="checkbox" value="${HideFromView}" />

然而，结果看起来是这样的：

Group Text: ABCD
Text Override: ABCDTHE

Answer 1

尝试在html值上使用引号：

<input type="text" class="group-text" value="${MainText}"></>
<input type="text" class="group-text" value="${TextOverride}"></>
<input id="Checkbox1" class="hide-in-schedule" type="checkbox" value="${HideFromView}" />