Кендо ListView не показывая/связывания данных

Question

У меня Кендо 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 

Что не так, что я здесь делаю?

Answer 1

Try изменения

$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>" 
      };