Hi!
I am using kendo listview with Angular JS. But list does not appear. Can
you help me where the problem is?
Here is my code :
<html ng-app="Sample1">
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width">
<title>My Steroids App</title>
<link rel="stylesheet"
href="/vendor/topcoat/css/topcoat-mobile-light.css" />
<link rel="stylesheet" href="/stylesheets/application.css" />
<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
<script type="text/javascript"
src="/javascripts/kendo.all.min.js"></script>
<script type="text/javascript"
src="/javascripts/kendo.mobile.all.js"></script>
<script type="text/javascript" src="/javascripts/angular.min.js"></script>
<script type="text/javascript" src="/javascripts/angular-kendo.js"></script>
<script type="text/javascript">
var myApp = angular.module('Sample1', ['kendo.directives']);
var app = new kendo.mobile.Application($(document.body),
{
skin: "flat"
});
function MyController($scope)
{
$scope.greetings = "Jobnimbus demo with AppGyver Steroids and Angular JS";
$scope.products = new kendo.data.DataSource({
data: [
{ id:1, name:'Tennis Balls', department:'Sports'},
{ id:2, name:'Basket Balls', department:'Sports'},
{ id:3, name:'Oil', department:'Auto'},
{ id:4, name:'Filters', department:'Auto'},
{ id:5, name:'Dresser', department:'Home Furnishings' }
]
});
$scope.template = $("#template").html();
}
</script>
</head>
<body>
<div ng-controller="MyController">
<div><center>{{greetings}}</center></div>
<div>Products: {{products.total()}}</div>
<div kendo-list-view k-data-source="products" k-template="template">
</div>
<script id="template" type="text/x-kendo-template">
<div>#= name #</div>
</script>
</div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
