Javascript <;输入值={{:abc}}/>;如果';abc&x27;有空格

Javascript <;输入值={{:abc}}/>;如果';abc&x27;有空格,javascript,jsrender,jsviews,Javascript,Jsrender,Jsviews,我使用jsviews呈现以下模板 recoList = [{title:"Apple"},{title:"Two Apples"}]; <script id="sampleTmpl" type="text/x-jsrender"> {{for recoList}} <input type="text" value={{:title}} /> {{/for}} </script> recoList=[{title:“Apple”},{title:“Two

我使用jsviews呈现以下模板

recoList = [{title:"Apple"},{title:"Two Apples"}];

<script id="sampleTmpl" type="text/x-jsrender">
{{for recoList}}
  <input type="text" value={{:title}} />
{{/for}}
</script>
recoList=[{title:“Apple”},{title:“Two Apple”}];
{{for recoList}}
{{/for}}
每当title的值中有空格时(如“两个苹果”),输入框就会呈现为

<input type="text" value="Two" />

空格后的单词只是简单地拼接起来


如何为值指定完整字符串?

添加一个
数据链接
而不是
value={{{:title}
现在解决了这个问题

像这样:

<input type="text" data-link="title" />


但是,我仍然不知道为什么
value={{{:title}}
将字符串拼接到空格之后。

原因很简单。您缺少以下引用:

应该是:

JsRender只是用值替换标记,因此:

应该是:


你说引用不起作用,但上面的肯定会起作用。使用
data link=“title”
将添加引号,但也会添加数据绑定,因此您可以对title字段进行双向绑定…

我通过添加数据链接而不是value={{:title}来实现这一点。像这样:你试过引用它吗
value=“{{:title}}”
Quotes也不起作用……数据链接目前运行良好。