Kendo angular directives

2 posts, 0 answers
  1. Jonathan
    Jonathan avatar
    4 posts
    Member since:
    Aug 2012

    Posted 10 Nov 2016 Link to this post

    I am using Angular 1.5.* together with Kendo UI.  I am following the documentation and have completed all the recommended steps found on the Telerik site:

    1.  Including the kendo scripts and styles
    2.  Adding kendo.directives to my angular module
    3.  Using the kendo-[directive] syntax in the markup

    Everything renders fine, but when I try to interact with the widgets I am getting the following error:
    **Uncaught TypeError: f.getClientRects is not a function(…)**

    This is what my markup looks like:

    <!-- begin snippet: js hide: false console: true babel: false -->

    <!-- language: lang-html -->

        <input kendo-date-picker ng-model="model.user.dob" />

    <!-- end snippet -->

    The same error happens when I try to use a drop down list defined as:

    <!-- begin snippet: js hide: false console: true babel: false -->

    <!-- language: lang-html -->

        <select kendo-drop-down-list k-data-source="model.languages" ng-model="model.user.language"></select>

    <!-- end snippet -->

    I have used Kendo for years, but for the first time, I am using it together with Angular and feel a little lost :)

    What am I missing?  Any help would be greatly appreciated.

    Thank you
  2. Petyo
    Petyo avatar
    2444 posts

    Posted 14 Nov 2016 Link to this post


    do you by any chance use jQuery 3.0? The error seems to be related to that version. We are still working on fully supporting it. If this is so, please use one of the supported versions

    Telerik by Progress
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
Back to Top