loading kendo grid only, with angular and requirejs

[Growls]

Hello,

I have the following setup:

//configuration
require.config({
    waitSeconds: 30,
    urlArgs: function () {
        var now = new Date();       
        return "?v=" + now.getTime();
    },
    paths: {       
        "jquery": ["//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min", "/Scripts/jquery-1.9.1"],
        "angular": "/Scripts/Angular/angular.min",
        "kendo.core": "/Scripts/kendo/2016.1.226/kendo.core.min",
        "kendo.grid": "/Scripts/kendo/2016.1.226/kendo.grid.min",
        "kendo.angular": "/Scripts/kendo/2016.1.226/kendo.angular.min",
        "kendo.data": "/Scripts/kendo/2016.1.226/kendo.data.min",
        "kendo.columnsorter": "/Scripts/kendo/2016.1.226/kendo.columnsorter.min",
        "BaseJS": "/Core/Scripts/BaseJS",
        "index.controller": "/DogsBreakfast/Scripts/Controller/index.controller"
    },
    shim:
    {
        "BaseJS": { deps: ["kendo.angular", "angular", "jquery"] },        
        "kendo.core": { deps: ["angular", "jquery"] },
        "kendo.angular": { deps: ["angular"] },
        "angular": {
            exports: "angular"
        },
        "jquery:": {
            exports: "jquery"
        },
        "index.controller": {
            deps: ["BaseJS"]
        }
    }
});

define(function (require) {
    //kick off index.controller.js
    require(["index.controller"],
        function ($) {            
            var app = angular.module('MyApp');            
            angular.bootstrap(document, ["MyApp"]);
        });
});

However, I keep getting " Module 'kendo.directives' is not available ", looking at the sequence of the js files loaded (attached), seems to be alright.
I have also, loaded the required module based on "http://www.telerik.com/download/custom-download".

 

Alternatively, I can easily fix this by loading "kendo.all.min", but it's just too big / too much...for a page that only needs a grid.

Is there a way to load kendo-ui module independently?

Thanks for your help,
Regards,

Aditya

 

[Growls]

Sorry, I uploaded a better screenshot and this time it loads up the kendo.core.min.js prior to the kendo.angular...but that didn't help either.

[Growls]

Wooops...the file...

[Stefan]

Hello Growls,

Currently, the demonstrated approach to load only the kendo.all.min.js is the only supported approach. The limitation when using the Download builder is listed in the important section of the documentation:

http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-requirejs

I do understand that this is not the perfect approach when using the Kendo UI scripts, but this is specific which is caused by a combination of Kendo UI, AngularJS and RequireJS.

Regards,
Stefan
Progress Telerik