All Components


    Grid / AngularJS

    • Orders
    • Contact information
    • {{dataItem.Address}}
    • {{dataItem.HomePhone}}


    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.

    HTML5/JavaScript source

    API Reference
    • angular.html
    • Sample service
    • Widget configuration

    Support & learning resources