Nested array items is not mapped in menu items

App Building
1

  • Goal: I want to build a navigation sidebar with a json response

  • Steps: I am tried Mapped menu items Label in the navigation component.

  • Details:

  • Details:

  • I am using the navigation component

  • Using this json to draw the navigation component

"data": {
    "pages": [
      {
        label: 'Payments',
        pages: [
          {
            label: 'Payout',
            level: 1,
            actions: []
          },
           {
            label: 'Payin',
            level: 1,
            actions: []
          }
        ]
      },
      {
        label: 'Dummy',
        pages: [
          {
            label: 'Dummy 1',
            level: 2,
            actions: []
          },
          {
            label: 'Dummy 2',
            level: 2,
            actions: []
          }
        ]
      }
    ]
  },
2

Welcome to the forum!

Is that the full JSON? You also have item.pages but why isn't "data" included like {{item.data.pages}}

Can you post the full JSON? or should I just remove the comma at the end?

1 Like