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

jQuery Dialog AngularJS

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Kendo UI Dojo
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    Launch Theme Builder

A new version of Kendo UI is available. Would you like to download and install it now?

angular.html

Description

The Kendo UI Dialog features inborn 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 editor for apps which could benefit from such integrations. Further, you can specify the editor html as a field in the $scope and then associate it via the relevant k- dialog Angular attribute definition. This is demonstrated in the demo at hand.

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

As of R2 2022 Kendo UI officially has dropped the support for AngularJS 1.x through Kendo UI for jQuery.

Support & Learning Resources

Additional Resources