All Components


    Scheduler / AngularJS



    The Kendo UI scheduler 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 scheduler for apps which could benefit from such integrations. Further, you can specify the scheduler options as a field in the $scope and then associate them via the options attribute of the scheduler Angular definition. This is demonstrated in the demo at hand.

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

    HTML5/JavaScript source

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

    Support & learning resources