Mustache iterate Object of array

Question

I am looking for iterating list of objects of arrays

Here is my sample object

var Categories =    {
      "communication": [
        {
          "id": "communication_001",
          "category": "communication",
          "lastModified": "4 Day ago"
        },
        {
          "id": "communication_002",
          "category": "communication",
          "lastModified": "1 Day ago"
        }
      ],
      "social": [
        {
          "id": "social_001",
          "category": "social",
          "lastModified": "2 Day ago"
        }
      ],
      "storage": [
        {
          "id": "storage_001",
          "category": "storage",
          "lastModified": "3 Day ago"
        }
      ]
    }

here I am compling with mustache

var htmlTemplate= Mustache.render(template, { connectors: Categories });

so what will be my template for compiling?

Suggest me the mustache template.

moondaisy · Accepted Answer · 2017-04-20 22:38:12Z

A possible template:

{{#connectors}}
        Communication<br>
    {{#communication}}
        {{id}} - {{category}} - {{lastModified}}<br>
    {{/communication}}
    <br><br>Social<br>
    {{#social}}
        {{id}} - {{category}} - {{lastModified}}<br>
    {{/social}}
    <br><br>Storage<br>
    {{#storage}}
        {{id}} - {{category}} - {{lastModified}}<br>
    {{/storage}}
{{/connectors}}

This generates this:

Communication
communication_001 - communication - 4 Day ago
communication_002 - communication - 1 Day ago


Social
social_001 - social - 2 Day ago


Storage
storage_001 - storage - 3 Day ago

To iterate in the list I'm using sections this will behave differently depending on if the list is or isn't empty:

Empty list: the sections won't be rendered
Non-empty list: the sections will be rendered once for on each one of the elements of the list, the context of the section is set to the current item allowing you to call it's properties and loop through the list.

But you can do many more things inside of the template so you should check the documentation.

Collectives™ on Stack Overflow

Mustache iterate Object of array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related