Kendo Data Grid Отображение возвращаемых строк, но не данных

Question

Я новичок в Angular и Кендо. У меня есть вызов, чтобы получить JSON от URL, который возвращает что-то вроде этого.

{
"fooList1":[
    {
        "name": "Rod",
        "count": 102
    },
],
"fooList2":[
    {
        "name": "Alex"
        "count": 4
    },
]
}

Моя проблема в том, что я могу получить строки в своей сетке Kendo, но не могу отобразить "имя" или "счет"

Мой класс выглядит как...

export class GetTopViolations {
  fooList1: ChartData[];
  fooList2: ChartData[];
}

export class ChartData {
  name: string;
  number: number;
}

На мой взгляд это выглядит

    div class="row chart-row">
      <div class="col-sm-12">
        <kendo-grid [data]="getTopViolations.fooList1">
          <kendo-grid-column field={{name}} title="name" width="65">
          </kendo-grid-column>
          <kendo-grid-column field={{count}} title="count" width="65">
          </kendo-grid-column>
        </kendo-grid>
      </div>
    </div>

Теперь я знаю, что "fooList1" вернет 8 строк. И когда я загружаю страницу, она отображает 8 строк, как и ожидалось. Это просто не имеет значения для "имя" или "количество". Любая помощь в понимании того, как отобразить "имя" и "счет", очень помогла бы.