Bind to simple array of strings

knockout.js jquery-templates
Adam Rackis picture Adam Rackis · Aug 30, 2011 · Viewed 26.5k times · Source

If I want to bind a template to a plain old array of strings, what do I put in the ${??} expression?

I hope this snippet isn't too short so as to confuse:

<ul data-bind="template: { name: 'authorTemplate', foreach: authors }">
</ul>

where authors is simply ["a", "b", "c"]

<script type="text/x-jquery-tmpl" id="authorTemplate">
    <li>${what_do_I_put_here???}</li>
</script>

I've tried: val value this and this.toString(). The last two displayed [object Object] so I suspect I'm pretty close there.

Answer

Adam Rackis picture Adam Rackis · Aug 30, 2011

From the documentation, the answer is:

When using a template: ${$data}

When not using a template: $data

Related questions

Access index of $parent in knockout.js

In knockout.js 2.1.0, in a template using the foreach binding, you can access the current item's index though the $index() function. In a nested foreach binding, is there any way to access the index of the $parent from a template? …

Read More
Can I do a jquery-tmpl each over object properties

The template {{each}} directive works great for iterating over an array like this: var myArray = ["a","b","c"]; I'm wondering if there is an equivalent for iterating over object properties, i.e.: var myObj = {"propOne": "a", "propTwo": "b", "propThree": "c"}; …

Read More
Mixing Knockout with jQuery

I'm creating a commenting system with knockout.js and I'm having some issues with getting the templating working with our existing jQuery functions. One example is with the dates comments are created. I wrote a jQuery function that causes the …

Read More