Сетка не имеет данных Kendo UI и AngularJS в ASP.NET MVC

Question

Im using KendoUI, AnduglarJS в ASP.NET MVC 4. Im пытается получить данные и показать в сетке, но моя сетка не показывает данные. Данные загружаются с db, и у меня они есть в js.

list.cshtml

<div class="panel panel-default" ng-controller="app.views.register.list as vm"> 


<div kendo-grid k-data-source="vm.registers" k-selectable="'row'" 
     k-pageable='{ "refresh": true, "pageSizes": true }' 
     k-on-change="vm.handleChange(kendoEvent)" 
     k-columns='[ 
     { "field": "type", "title": "Typ"}, 
     { "field": "status", "title": "Status"}, 
     { "field": "ip", "title": "IP"}, 
     { "field": "description", "title": "Opis"}, 
     { "field": "createdDate", "title": "Data utworzenia", type: "datetime", format: "{0:d}"}   
      ]'> 
    </div> 

</div> 

list.js

(function() { 
    var app = angular.module('app'); 

    var controllerId = 'app.views.register.list'; 
    app.controller(controllerId, [ 
     '$scope', '$location', 'abp.services.app.register', 
     function ($scope, $location, registerService) { 

      var vm = this; 
      var localize = abp.localization.getSource('Ebok'); 
      //kendo.culture("en-EN"); 
      vm.handleChange = function (kendoEvent) { 
       var grid = kendoEvent.sender; 
       var selectedData = grid.dataItem(grid.select()); 
       var id = selectedData.id; 

       vm.changeRegister(id); 
      } 
      vm.registers = new kendo.data.ObservableArray([]); 
      registerService.getRegisters({ PageSize: 20 }).success(function (data) { 
       vm.registers = new kendo.data.ObservableArray(data.registers); 
      }); 
    } 
    ]); 
})(); 

В vm.registers у меня есть данные, вот пример:

{"type":"dfdgf","status":"dfdrf","ip":"dfdf","description":"cdsdfsdfs666","createdDate":"2014-12-29T12:09:55.16","id":1} 

Что не так?

Answer 1

Проблема была в конфигурации. В файле app.js У меня нет одной строки «kendo.directives»

var app = angular.module('app', [ 
     'ngAnimate', 
     'ngSanitize', 

     'ui.router', 
     'ui.bootstrap', 
     'ui.jq', 

     'abp', 
     'kendo.directives' 
    ]);