綁定到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}" />