Hi Pavel Bosin, You were right. I was having versioning problem. I was not having kendo libraries of current versions and older version libraries are not compatible with Angular JS. So, updated all libraries and it is done!
Thanks for your help! On Wednesday, May 28, 2014 10:35:39 PM UTC+5:30, Pavel Bosin wrote: > > Hi Ami, > I tried your code removing the mobile part and all the styles (since they > are not available in your post) and the list does show up. > These are the library files I used: > <script type="text/javascript" src="jquery-1.9.1.min.js"></script> > <script type="text/javascript" src=" > http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js";></script> > <script type="text/javascript" src="angular-1.1.5.min.js"></script> > <script type="text/javascript" src="angular-kendo.min.js"></script> > > I am not familiar with kendo mobile, but it seems like this is the area > you need to look into. > Best luck, > -Pavel > > > On Friday, May 23, 2014 7:19:55 AM UTC-7, Ami Kapadia wrote: >> >> 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.
