title: Accessing nested array with handlebars from JSON and loop through
body: <p>How can I access the results of a nested array with handlebars?</p>
  
  <p>I have this dummy data:</p>
  
  <pre><code>var data = [{
      articles : [{
          id : '0',
          url : 'foo',
          title : 'Foo',
          body : 'some foo bar',
          category : 'foo',
          tags : [
              'foo'
          ]
      }, {
          id : '1',
          url : 'foo-bar',
          title : 'Foo bar',
          body : 'more foo bar',
          category : 'foo',
          tags : [
              'foo', 'bar'
          ]
      }, {
          id : '2',
          url : 'foo-bar-baz',
          title : 'Foo bar baz',
          body : 'more foo bar baz',
          category : 'foo',
          tags : [
              'foo',
              'bar',
              'baz'
          ]
      }]
  }, {
      users : [{
          name: 'Admin'
      }, {
          name: 'User'
      }]
  }];
  </code></pre>
  
  <p>This my template file:</p>
  
  <pre><code>{{#each data.[0].articles}}
  &lt;article class="id-{{this.id}}"&gt;
    &lt;h1&gt;&lt;a href="/journal/{{this.url}}"&gt;{{this.title}}&lt;/a&gt;&lt;/h1&gt;
    &lt;div class="category"&gt;&lt;a href="/category/{{this.category}}"&gt;{{this.category}}&lt;/a&gt;&lt;/div&gt;
    &lt;p&gt;{{this.body}}&lt;/p&gt;
    &lt;!--&lt;div class="tags"&gt;&lt;a href="/tags/{{this.tags}}"&gt;{{this.tags}}&lt;/a&gt;&lt;/div&gt;--&gt;
    &lt;div class="tags"&gt;
      &lt;ul&gt;
        {{#each ../tags}}
        &lt;li&gt;&lt;a href="/tags/{{this}}"&gt;{{this}}&lt;/a&gt;&lt;/li&gt;
        {{else}}
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/article&gt;
  
  {{else}}
  &lt;p class="empty"&gt;No content&lt;/p&gt;
  {{/each}}
  </code></pre>
  
  <p>If I use:</p>
  
  <p><code>&lt;div class="tags"&gt;&lt;a href="/tags/{{this.tags}}"&gt;{{this.tags}}&lt;/a&gt;&lt;/div&gt;</code></p>
  
  <p>Than they will inserted as a whole. Is there a way to access them one by one?</p>
  
  <p>Thank You!</p>