AngularJS attributes (ng-) and controllers are not working for dynamically loaded panelbar

2 posts, 0 answers
  1. Remigijus Kaunietis
    Remigijus Kaunietis avatar
    3 posts
    Member since:
    Feb 2009

    Posted 03 Sep 2014 Link to this post


    I'm trying to setup a panelbar that uses anglularjs library in their dynamically loaded panels. Unfortunately I was not able to make my angularjs controllers and ng attributes working in the loaded panels. The code below:


        .Items(panelbar =>
                .LoadContentFrom("About", "Home"); // About - Action, Home - controller
                .LoadContentFrom("Contact", "Home");

    <script src="~/Scripts/Controllers/AboutController.js"></script>
    <div ng-controller="AboutController">
        {{ "this one is not working..." }}

    (function () {
        var app = angular.module("testPanel");
        var AboutController = function() {
            console.log('not working as it supposed to work ');
        app.controller("AboutController", AboutController);

    The Anglular controllers and attributes are working fine outside the PanelBar. 
  2. Alex Gyoshev
    Alex Gyoshev avatar
    2519 posts

    Posted 05 Sep 2014 Link to this post

    Hello Remigijus,

    The server-side wrappers cannot be mixed with AngularJS. If you are writing an AngularJS client-side app, you need to use the Kendo UI widgets as directives, as documented in the Using Kendo UI and AngularJS help topic.

    Alex Gyoshev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top