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>