KendoUi mobile - Angular JS - how to start

2 posts, 0 answers
  1. Bharat
    Bharat avatar
    1 posts
    Member since:
    Nov 2013

    Posted 24 Dec 2014 Link to this post

    trying to use Angular JS with  KendoUIMobile in AppBuilder, below is my very simple hello-world code. When I run from AppBuilder in iPad or some other option, ng directives seem to be not working. Am I missing something very basic here?

    <!DOCTYPE html>
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
        <!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="styles/kendo/kendo.common.min.css" />
        <link rel="stylesheet" href="styles/kendo/kendo.default.min.css" />
        <link rel="stylesheet" href="styles/kendo/kendo.dataviz.min.css" />
        <link rel="stylesheet" href="styles/kendo/kendo.dataviz.default.min.css" />
        <link rel="stylesheet" href="kendo/styles/" />
    <!-- =================== JAVASCRIPTS   ============================   -->
        <script src=""></script>
        <script src=""></script>
        <script src="Scripts/FrameWorks/Kendo/kendo.all.min.js"></script>
        <script src="Scripts/FrameWorks/Angular/angular-kendo.js"></script>
    <body  kendo-mobile-application  ng-app="kendoDemo">
      <div ng-controller="TestCtrl">
         <input type='text' ng-model="name">
         <p ng-show="'visible'">
             Hello from TestCtrl
        angular.module('kendoDemo', ['kendo.directives']);
        angular.module('kendoDemo').controller( 'TestCtrl', function($scope){
            $scope.visible = false;
             $ = "Peter";


  2. Alexander Valchev
    Alexander Valchev avatar
    2873 posts

    Posted 29 Dec 2014 Link to this post

    Hello Bharat,

    It looks like you are using outdated Kendo UI and Angular JS version. Kendo mobile application directive work since the latest Kendo UI official release.
    Please check this tutorial:

    Alexander Valchev

    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