title: How to access a map value with an index index in Hugo?
body: <p>I have the following yaml template : <code>consultant.yaml</code></p>
  
  <pre><code>title: myTitle    
  content: myContent  
  cards:
    - card:
        title: Title 1 
        args:
          arg1: "blablabla 1"
          arg2: "blablabla 2"
     - card:
        title: Title
        args:
          arg1: "blablabla 3"
          arg2: "blablabla 4"
          arg3: "blablabla 5"
  </code></pre>
  
  <p>I want to display each arg[x] of my card element using an index and not the key itself. I read about the <code>index</code> function and it seems to be possible.</p>
  
  <pre><code>Hugo doc : 
  Soluton 1 : index COLLECTION INDEX
  Solution 2 : index COLLECTION KEY
  </code></pre>
  
  <p>I want to use <code>Solution 1</code>.</p>
  
  <p>I have the following HTML template : <code>single.html</code></p>
  
  <pre><code>  {{ range .Site.Data.consultant.consultant.cards }}
    &lt;div class="col-md-4 col-lg-4"&gt;
      &lt;div class=""&gt;
        &lt;div class=""&gt;
          &lt;h3 class=""&gt; {{.title}} &lt;/h3&gt;
        &lt;/div&gt;
  
        &lt;p&gt;{{.args}}&lt;/p&gt;
        &lt;p&gt;{{ (index .args).arg1}}&lt;/p&gt;
        &lt;p&gt;{{ (index .args). 0}}&lt;/p&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  {{end}}
  </code></pre>
  
  <ul>
  <li>the first <code>p</code> element display a map <code>map[arg1:blablabla 1 arg2:blablabla 2]</code> => OK</li>
  <li>the second <code>p</code> element display the first value <code>blablabla 1</code> => OK</li>
  <li>the third <code>p</code> element display a map <code>map[arg1:blablabla arg2:blablabla 2]</code> => KO.</li>
  </ul>
  
  <p>The third <code>p</code>should display the first element just like the second one and I don't get why.</p>