AngularJS controller TELERIK UI not available on init function

[Maurizio]

The controller:

app.controller('TestController',
    ['$scope',

        function ($scope) {
        $scope.OnButtonClick = function () {
            $scope.grid.dataSource.fetch();
        };
            (function () {  // init
            // $scope.grid is NULL
            $scope.grid.dataSource.fetch();
            // grid is NULL
            let grid = $('#gridID').data('kendoGrid');
        })();
        }
    ]);

 

The problem: after load all the controller the INIT function is triggerd but all Telerik UI controller are NULL in this function. 

All other function run well and the Telerik UI object are available.

It's possible to have a INIT controller function with all Telerik UI component available for data loading and configuration?

 

Thanks

[Alex Hajigeorgieva]

Hello, Maurizio,

Thank you very much for the provided snippets.

To utilize the Kendo UI directives, they need to be made available in the module:

 angular.module("myApp", [ "kendo.directives" ])
        .controller("TestController", function($scope){

https://docs.telerik.com/kendo-ui/framework/AngularJS/introduction#basic-usage-of-the-kendo-ui-angularjs-directives

In case you face any difficulties, can you share a small runnable example that we can examine locally.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik