ICanHaz.js - Possible to use an array of strings in section instead of key/value pairs?

Question

My situation is as follows:

I receive an object from an AJAX call which contains an array of strings (not key/value pairs). It would be amazing if I could just take that array and toss it into the template's data object like the below, and then recursively show each value in the array via the ICanHaz mustache section template syntax. Unfortunately I can not get it to work without key/value pairs to reference inside the section template.

This is a major pain because I have to go into the array returned from AJAX and add key value pairs.

I could not find anything on the mustache or ICanHaz.js documentation dealing with this matter.

Javascript:

var listOfStuff = {
    name: 'This is not important',
    stuff: data.ajaxreturnedarray || [1, 2, 3, 4]  // Just for example.
};

$("#new").append(ich.test(listOfStuff));

HTML

<div id="new">Test</div>

<script type="text/html" id="test">
<div class="panel">
    {{#stuff}}<p>{{stuff}}</p>{{/stuff}}
    {{^stuff}}<p>No items :(</p>{{/stuff}}
</div>
</script>

Does anyone know a way to make this work?

Update

This is covered in this answer, but it does not mention ICanHaz.js so I cross-reference for anyone googling this problem with ICanHaz.js without mustache.

MaxArt · Accepted Answer · 2014-08-02 23:54:25Z

1

AFAIK, ICanHaz embeds Mustache, and if it's Mustache you can simply do

{{#stuff}}<p>{{.}}</p>{{/stuff}}

answered Aug 2, 2014 at 23:54

MaxArt

22.8k10 gold badges85 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MattSizzle Over a year ago

works like a charm thank you. Is this somewhere in the Mustache documentation?

MaxArt Over a year ago

Yes, under the paragraph "Non-empty lists".

Collectives™ on Stack Overflow

ICanHaz.js - Possible to use an array of strings in section instead of key/value pairs?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related