title: Accessing JSON Data from HTML - Angular 4
body: <p>I have this JSON Data which i need to access from my HTML using the MatCellDef of Angular 4. I need to read the FROM, TO, PERCENT and SUBTRACT of the RateBands Array</p>
  
  <p>JSON File</p>
  
  <pre><code>[  
     {  
        "yearlyincentive":{  
           "incentive":{  
              "number":"0",
              "description":"null"
           },
           "year":"2016"
        },
        "computationrates":{  
           "0":{  
              "computation":"0",
              "ratetype":"0",
              "ratebands":[  
                 {  
                    "from":"14",
                    "to":"2015",
                    "percent":"30",
                    "subtract":"1"
                 }
              ]
           }
        }
     }
  ]
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code> &lt;ng-container matColumnDef="from"&gt;
      &lt;mat-header-cell *matHeaderCellDef&gt; From &lt;/mat-header-cell&gt;
      &lt;mat-cell *matCellDef="let computationrates"&gt;{{computationrates[0].ratebands[0].from}}&lt;/mat-cell&gt;
    &lt;/ng-container&gt;
  </code></pre>