# Accessing different objects in nested \<Each\> elements

**URL:** <https://forums.fusetools.com/t/accessing-different-objects-in-nested-each-elements/6759>\
**Category:** General\
**Created:** [April 8, 2016, 2:23pm UTC](https://forums.fusetools.com/t/accessing-different-objects-in-nested-each-elements/6759 "2016-04-08T14:23:08Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![flynn.darragh](https://avatars.discourse-cdn.com/v4/letter/f/b782af/32.png) [@flynn.darragh](https://forums.fusetools.com/u/flynn.darragh)\
**Post date:** [April 8, 2016, 2:23pm UTC](https://forums.fusetools.com/t/accessing-different-objects-in-nested-each-elements/6759/1 "2016-04-08T14:23:08Z")

</div>

I’m just wondering how you might access different objects or arrays when nested in another Each element block. See the sample below.

```auto
<JavaScript>
  var tabs = [
    {
      title: "Tab 1",
      bgColour: "#e4e4e4",
      textColour: "#8ba892",
      ypos: 0.1667
    },
    {
      title: "Tab 2",
      bgColour: "#8ba892",
      textColour: "#e4e4e4",
      ypos: 0
    }
  ];

  var numbers = {
      "a":[1,2,3],
      "b":[4,5,6]
  }

  module.exports = {
      tabs: tabs,
    numbers: numbers
  };

</Javascript>

<Panel Dock="Fill" Background="#8ba200" Padding="10,10,10,0">
  <LinearNavigation ux:Name="lnav" Duration="0.3" Easing="QuadraticOut" />
  <SwipeNavigate SwipeDirection="Down" SwipeEnds="Closed" />
      <Each Items="{tabs}">
      <Rectangle ClipToBounds="true" Fill="{bgColour}" CornerRadius="10">
        <Translation Y="{ypos}" RelativeTo="Size" />
        <StackPanel Orientation="Vertical" Dock="Fill">
          <Text Value="{title}" TextColor="{textColour}" Margin="10,20,10,20" FontSize="20" />
          <Each Items="{numbers.a}">
              <Text Value="NUMBER VALUE BINDING HERE" TextColor="#fff" Padding="10" Background="#f3901e" />
          </Each>
        </StackPanel>
        <EnteringAnimation>
          <Move Y="0.3334" RelativeTo="Size" />
        </EnteringAnimation>
        <DropShadow Angle="180" Distance="0" Size="10" Spread="0.1" /><DropShadow />
      </Rectangle>
  </Each>
 </Panel>

```

Can’t seem to get anything up and running. Many thanks in advance!

---

<div class="post-metadata">

**Author:** ![Kristian\_Hasselknipp](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/kristian_hasselknipp/32/549_2.png) [@Kristian\_Hasselknipp](https://forums.fusetools.com/u/Kristian_Hasselknipp)\
**Post date:** [April 11, 2016, 9:35am UTC](https://forums.fusetools.com/t/accessing-different-objects-in-nested-each-elements/6759/2 "2016-04-11T09:35:30Z")

</div>

Hi! What you are doing there is actually correct.

Just replace “_NUMBER VALUE BINDING HERE_” with “{}” and it works:

```auto
<Text Value="{}" TextColor="#fff" Padding="10" Background="#f3901e" />

```