This question is locked. New answers and comments are not allowed.
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>
<html>
<head>
<title></title>
<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/kendo.mobile.all.min.css" />
<!-- =================== JAVASCRIPTS ============================ -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.angularjs.org/1.2.16/angular.min.js"></script>
<script src="Scripts/FrameWorks/Kendo/kendo.all.min.js"></script>
<script src="Scripts/FrameWorks/Angular/angular-kendo.js"></script>
</head>
<body kendo-mobile-application ng-app="kendoDemo">
<div ng-controller="TestCtrl">
<input type='text' ng-model="name">
<p ng-show="'visible'">
Hello from TestCtrl
</p>
</div>
<script>
angular.module('kendoDemo', ['kendo.directives']);
angular.module('kendoDemo').controller( 'TestCtrl', function($scope){
$scope.visible = false;
$scope.name = "Peter";
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title></title>
<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/kendo.mobile.all.min.css" />
<!-- =================== JAVASCRIPTS ============================ -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.angularjs.org/1.2.16/angular.min.js"></script>
<script src="Scripts/FrameWorks/Kendo/kendo.all.min.js"></script>
<script src="Scripts/FrameWorks/Angular/angular-kendo.js"></script>
</head>
<body kendo-mobile-application ng-app="kendoDemo">
<div ng-controller="TestCtrl">
<input type='text' ng-model="name">
<p ng-show="'visible'">
Hello from TestCtrl
</p>
</div>
<script>
angular.module('kendoDemo', ['kendo.directives']);
angular.module('kendoDemo').controller( 'TestCtrl', function($scope){
$scope.visible = false;
$scope.name = "Peter";
});
</script>
</body>
</html>
1 Answer, 1 is accepted
0
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:
Regards,
Alexander Valchev
Telerik
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:
Regards,
Alexander Valchev
Telerik
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.