Angular2 создать Dom вписать значения из массива

Добрый день, с Angular работаю впервые, пока кажется очень сложным и непонятным, но работать приходится, возникла проблема, Необходимо создавать DOM в количестве строк в массиве и подпихивать туда значения, из массива,DOM создается корректно но значения не подставляются. . Вот собственно код:

<ng-container *ngFor="let i of data">
  <div class="application-name-block flex-item" onclick="location.href='{{ data[i].HOSTURL }}'">
    <div class="application-block flex-item">
      <img src="../../assets/{{ data[i].APPNAME }}" style="max-width: 100%">
    </div>
    <span class="application-name">{{ data[i].APPICON }}</span>
  </div>
  </ng-container>

Где data это массив вотт такого плана из 14 строк

0:{APPID: 1, APPNAME: "IR Admin", APPCODE: "IR_ADMIN", APPICON: "iRadmin.png", HOSTURL: "http://portal.ru.auchan.com", …}