All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Grid / AngularJS

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

      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.

      HTML5/JavaScript source

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

      Support & learning resources