Kendo数据网格显示返回行而不是数据

Question

我是Angular和Kendo的新手。我有一个调用来从一个返回这样的东西的URL获取json。

{
"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行。它只是没有“名称”或“计数”的值。任何帮助理解如何显示“名称”和“计数”将有很大帮助。