Kendo UI Grid and Angular in IE8

yes, we have to support it

by Johannes Hoppe

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.0.3/es5-shim.js"></script>
<script src="https://code.angularjs.org/1.2.28/angular.js"></script>
<script src="http://cdn.kendostatic.com/2014.3.1316/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.default.min.css">
<div ng-controller="MyCtrl">
    This AngularJS should also work in IE8!
   
    <div
        kendo-grid="myGrid"      
        k-auto-bind="true"
        k-data-source="dataSource"
        k-columns="[{ field: 'CustomerID' }, { field: 'CompanyName' }]"></div>
</div>

JavaScript

var app = angular.module('myApp', ['kendo.directives']);

app.controller("MyCtrl", ["$scope", function($scope) {
 
    var dataSource = new kendo.data.DataSource({
        type: "odata",
            transport: {
                read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
            }    
        });
    
    dataSource.query();
   
    $scope.dataSource = dataSource;
   
}]);