title: Binding nested JSON to XML View
body: <p>This is the example I'm trying to make work:</p>
  
  <p><strong>Manifest model declaration:</strong></p>
  
  <pre><code>"models": {
     "caixas": {
          "type": "sap.ui.model.json.JSONModel",
          "uri": "Caixas.json"
      }
  }
  </code></pre>
  
  <p><strong>Caixas.json file:</strong></p>
  
  <pre><code>{"Caixas": [
      {
          "NomeCaixa": "PETROBRAS",
          "Valores": [
              {
                  "LabelValor": "Saldo Inicial",
                  "ValorValor": 3520,
                  "MoedaValor": "JPY"
              },
              {
                  "LabelValor": "Entrada",
                  "ValorValor": 3520,
                  "MoedaValor": "JPY"
              }
          ]
      },
      {
          "NomeCaixa": "PEBEM",
          "Valores": [
              {
                  "LabelValor": "Saldo Inicial",
                  "ValorValor": 3520,
                  "MoedaValor": "JPY"
              },
              {
                  "LabelValor": "Entrada",
                  "ValorValor": 3520,
                  "MoedaValor": "JPY"
              }
          ]
      }
  ]}
  </code></pre>
  
  <p>The problem is: </p>
  
  <p>I have a SplitApp where the master page is binding to "Caixas" level of the Caixas.json file. This part is working.</p>
  
  <p>When I click at the master page to select one of the items, the details page should show the details of the currently selected "Caixas". This is working for the attribute "NomeCaixa", since it's directly related to "Caixas" level.</p>
  
  <p>The thing is that I would like to display a list with the data inside "Valores" array for the selected Caixa.</p>
  
  <p>If I bind to a harcoded "Caixas" like in:</p>
  
  <pre><code>&lt;List id="caixasList" 
        class="sapUiResponsiveMargin"
        headerText="Caixas" 
        width="auto" 
        mode="SingleSelectMaster"
        items="{caixas&gt;/Caixas/0/Valores}"&gt;
      &lt;items&gt;
          &lt;ObjectListItem title="banana" /&gt;
      &lt;/items&gt;
  &lt;/List&gt;
  </code></pre>
  
  <p>it works fine, but it always will show the first "Caixas" "Valores" array values.</p>
  
  <p>I wish to write a path in the <code>items</code> attribute of the element <code>List</code> so that it displayed the "Valores" array values of the currently selected "Caixas" on the master page.</p>
  
  <p>I've tried several combinations using <code>&gt;/</code> etc and also tried finding a comprehensive guide for this path syntax, but could not get any help.</p>
  
  <p>Can you please, help me?</p>