Freemarker iterate nested array/object

Question

I'm new to Freemarker and currently I'm stuck on getting nested output for metalsElements

metals = 
{
  "name": "BRONZE",
  "state": "SOLID",
  "density": 25,
  "price": 120,
  "rarity": "COMMON",
  "metalsElements": [
    {
      "metalsInfoId": 30,
      "element": "copper",
      "percentage": "87",
      "id": 26
    },
    {
      "metalsInfoId": 30,
      "element": "tin",
      "percentage": "12",
      "id": 27
    },
    {
      "metalsInfoId": 30,
      "element": "nickel",
      "percentage": "1",
      "id": 28
    }
  ],
  "id": 30
}

I've tried using the codes below but still haven't successful

<ul>
  <#list metals.metalsElements as key>
    <li>${key}</li>
  </#list>
</ul>

and

<ul>
  <#list metalsElements as key,val>
    <li>${key}</li>
  </#list>
</ul>

Anybody has the solution? Thanks

Ori Marko · Accepted Answer · 2022-04-17 09:12:50Z

2

You have two loops, one for metalsElements, other for all its attributes:

<ul>
  <#list metals.metalsElements as metalsElement>
    <#list metalsElement as key,value>
      <li>${key}</li><li>${value}</li>
    </#list>
  </#list>
</ul>

answered Apr 17, 2022 at 9:12

Ori Marko

59.3k26 gold badges157 silver badges259 bronze badges

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

Comments

Monsieur Merso · Accepted Answer · 2022-04-17 09:10:52Z

1

In your example key represents inner element of metalsElements array, you'll have to specify concrete properties of this element, like this:

<ul>
  <#list metals.metalsElements as key>
    <li>Element: ${key.element} Percentage: ${key.percentage}</li>
  </#list>
</ul>

You can test your templates online here if you want.

answered Apr 17, 2022 at 9:10

Monsieur Merso

2,2841 gold badge21 silver badges27 bronze badges

Collectives™ on Stack Overflow

Freemarker iterate nested array/object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related