How to display a list of Strings with Handlebars.js

Question

I have a list of Strings that I want to display with Handlebars.js

So far it seems that this is not possible, although it seems absurd that this should be the case.

An example of a product object is:

"product": {
      "name": "top TP-209-NAV",
      "category": "Top",
      "brand": "Living Dolls",
      "description": "Fabric : Navy-white stretch cotton Long sleeves top (can be worn as dress)",
      "price": "23.0",
      "tags": [
        "Slips on",
        " stretch cotton",
        " long sleeves"
      ],
      "image1": {
        "src": "http://www.livingdolls-closet.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/T/P/TP-209-NAV-1-living-dolls-top_1.jpg",
        "ratio": 1.5
      }
    },

I want to iterate through and display the items in the tags list.

When I do something like this I can see the appropriate number of commas which indicates that the list is being iterated through, however I can't work out how to display the actual tag item.

{{#product.tags}}<a href="">{{val}}</a>,  {{/product.tags}}

Ankur · Accepted Answer · 2013-05-02 17:58:34Z

19

I just had to use the each helper ..

{{#each product.tags}}<a href="">{{this}}</a>, {{/each}}

answered May 2, 2013 at 17:58

Ankur

51.2k115 gold badges249 silver badges318 bronze badges

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

1 Comment

David Tinker Over a year ago

You can avoid having a comma after the last tag: {{#unless @last}}, {{/unless}}

Collectives™ on Stack Overflow

How to display a list of Strings with Handlebars.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related