does not seem to work properly in jsviews if the value of 'abc' has whitespace

Question

I'm using jsviews to render the following template

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

<script id="sampleTmpl" type="text/x-jsrender">
{{for recoList}}
  <input type="text" value={{:title}} />
{{/for}}
</script>

Whenever the value of title has a whitespace in it, like "Two Apples", then input box is rendered as

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

The word after the whitespace is simply spliced off!

How can i give the full string to the value?

I managed to get this to work by adding a data-link instead of value={{:title}}. Like this : — S.Raaj Nishanth, Jan 28 '14 at 11:47
Quotes don't work either.....the data-link works fine for now. — S.Raaj Nishanth, Jan 28 '14 at 11:50

score 1 · Answer 1 · answered Jan 28 '14 at 11:55

1

Adding a data-link instead of value={{:title}} solves the problem for now.

Like so :

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

However, i still don't know why value={{:title}} splices the string after whitespace.

answered Jan 28 '14 at 11:55

S.Raaj Nishanth

242
2
15

score 1 · Answer 2 · answered Jan 29 '14 at 06:57

The reason is simple. You are missing the quotes:

<input type="text" value={{:title}} />

should be:

<input type="text" value="{{:title}}" />

JsRender simply replaces the tag by the value, so:

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

should be:

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

You says quotes don't work, but the above should certainly work. Using data-link="title" will add the quotes, but also adds data binding, so you get two-way binding to the title field...

does not seem to work properly in jsviews if the value of 'abc' has whitespace

2 Answers2

Linked