angularjs的KendoUI网格在数据绑定后不显示数据

Question

我尝试将数据绑定到AngularJS的Kendo UI网格。 Folowing是asp.net mvc控制器方法：

public string GetCdcReport()
{
    return
        "[{\"ProductID\":1,\"ProductName\":\"Chai\",\"UnitPrice\":18,\"UnitsInStock\":39,\"Discontinued\":false}," +
        "{\"ProductID\":2,\"ProductName\":\"Chang\",\"UnitPrice\":19,\"UnitsInStock\":17,\"Discontinued\":false}]";
}

AngularJs服务方法：

function getImportResultReport() {
    return httpPost('getCdcReport');
}

angularjs控制器中的数据绑定：

vm.mainGridOptions = {
    columns: [
        { field: "ProductID", title: "ID" },
        { field: "ProductName", title: "Product Name" },
        { command: [{ template: "<button class='k-button' ng-click='showDetails(dataItem)'>Show details</button>" }] },
    ],
    pageable: true,
    dataSource: {
        pageSize: 5,
        transport: {
            read: function (e) {
                dataservice.getImportResultReport().
                then(function (data) {
                        e.success(data);
                    });
            }
        }
    }
};

此代码不会返回错误。网格渲染37页5行，但它们是空的。 我认为网格必须知道绑定的数据集类型。就我而言，它是jSon。如何为网格数据源设置json类型？或者如果不需要这样做会有什么问题？