New to Kendo UI for jQuery? Download free 30-day trial

AngularJS

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Orders
  • Contact information
  • {{dataItem.Address}}
  • {{dataItem.HomePhone}}
  • angular.html
  • Sample service

Description

The Kendo UI grid features inherent integration with AngularJS using directives which are officially supported as part of the product. To make use of this integration, you need to reference the Angular scripts in your app and register the module incorporating the Kendo UI directives in the following way:

 angular.module("KendoDemos", [ "kendo.directives" ])

Thus you can utilize the AngularJS framework in combination with our grid for apps which could benefit from such integrations. Further, you can specify the grid options as a field in the $scope and then associate them via the options attribute of the grid Angular definition. This is demonstrated in the demo at hand.

Additional information about how to use the Kendo UI grid with AngularJS you can gather from this help resource.

Support & Learning Resources