Kendo ListView 不显示/绑定数据答案

【问题标题】：Kendo ListView is not showing/binding dataKendo ListView 不显示/绑定数据
【发布时间】：2015-03-13 10:09:32
【问题描述】：

我有如下的 Kendo UI ListView：

  <div ng-controller="patientSearchCtrl">
    <div kendo-list-view id="listView" k-data-source="source">
        <div class="product" k-template>
            <h3>{{ dataItem.First_Name }}</h3>
            <p>{{ dataItem.Last_Name }}</p> 
        </div>
    </div>
    <div kendo-pager k-data-source="source"></div>
</div>

并遵循 AngularJS 代码：

    angular.module("alertApp", ["kendo.directives"])
        .controller("patientSearchCtrl", function ($scope, $http) {
            var product;
            $http.get('http://localhost:1242/Api/PatientSearch?firstName=Bar&lastName=wells&pageIndex=0&pageSize=10&sortingOrder=FIRST_NAME').
              success(function (info, status, headers, config) {                     
                  product = info[0]["Table"];
                  console.log(product); 
              }).
              error(function (data, status, headers, config) {
                  console.log('Error: ' + data);
              });
            $scope.source = new kendo.data.DataSource({
                data: product,
                pageSize: 1
            });
        });

console.log(产品);正在记录数据。在 Chrome 中它看起来像：

[Object]
      0: Object
              DOB: "07-29-1969"
              First_Name: "Barbara"
              Last_Name: "Wells"
              PatientKey: 3
              RowIndex: 1

我在这里做错了什么？

【问题讨论】：

我不确定剑道列表视图是如何工作的，但尝试将一个空数组分配给“产品”变量，然后在 $http 成功回调中将数据推送到该数组。
查看这个线程_stackoverflow.com/questions/19904048/… 它描述了如何使用 angularjs $http get 填充网格。

标签： angularjs asp.net-web-api kendo-ui

【解决方案1】：

尝试改变

$scope.source = new kendo.data.DataSource({
                data: product,
                pageSize: 1
            });

到

$scope.source = {
                data: product,
                pageSize: 1
            };

或

$scope.source = product;

提供完整的选项。使用下面的代码

<div kendo-list-view k-options="source "></div>

    $scope.source = {
              dataSource: products,
              template: "<div>#:First_Name#</div>"
          };

【讨论】：