angular-deckgrid
angular-deckgrid copied to clipboard
akoenig
<Urgent> Not able to implement Deckgrid .
I am new to angular js and was impressed by deckgrid and wanted to implement same so I followed the steps which are mentioned @ https://github.com/akoenig/angular-deckgrid to implement but all my effort went in vain because it did give me expected results .
Below is code which i used :
<script type="text/javascript" src="/Scripts/jquery-1.7.1.min.js">
<script src="../../Scripts/angular.min.js"></script>
<script src="../../Scripts/angular-deckgrid.js"></script>
<div data-ng-app="myCoolApp">
<div ng-controller="myCntrl">
<div deckgrid source="photos">
<div class="a-card">
<h1>{{card.title}}</h1>
<img src="" data-ng-src="{{card.src}}">
</div>
</div>
</div>
</div>
<script>
var app = angular.module('myCoolApp', ['akoenig.deckgrid']);
app.controller('myCntrl', function ($scope) {
$scope.photos = [
{ id: 'p1', 'title': 'A nice day!', src: "http://lorempixel.com/300/400/" },
{ id: 'p2', 'title': 'Puh!', src: "http://lorempixel.com/300/400/sports" },
{ id: 'p3', 'title': 'What a club!', src: "http://lorempixel.com/300/400/nightlife" }
];
});
</script>
<styles >
-- same as its mentioned in github
</styles>
I am getting the following error in browser when i debug with firebug :
Do correct me with right way of initializing the same or atleast a working prototype example for Angular-Deckgrid .
@akoenig I use jquery-1.7.1.min version of JS . Can you please guide me dependencies ? I couldnot find it in Help file too.. :)
You will find the version information at the top of the file (angular.min.js).
@akoenig I know the Versions its :
/* AngularJS v1.0.8 (c) 2010-2012 Google, Inc. http://angularjs.org License: MIT */
Okay, thanks.
Could you please update to v1.2.x?
bower install angular#1.2.x
Or download it from here if you do not use a package manager like bower.
There are some changes regarding the handling of transclude directives. Maybe I should note that in the README.
@akoenig I used the version u specified and now following is error :'( , I have used grid configs and other css mentioned in ReadMe .
@akoenig I moved the styles to site master head section , still i get same error as i posted . Can you just drop me valid demo example source code so that i can get exact versions and the way to implement the same ?
@MadhavJ The demo application at http://akoenig.github.io/angular-deckgrid is working, right?
You can find the source of it in the gh-pages branch.
@akoenig its not working sample :O :O , it just shows image fork on github nothing else :)
Hm, okay. I see. Can you give me a little bit more background info about your environment (Browser and version)? Otherwise I'm not able to reproduce this problem because from this point the demo application is running. Do you have the respective code online so that I can check there?
@akoenig thanks for the reply .. I am implementing it on .net environment . I just need plain html which works which i can make compatible with my versions as that shouldn't matter at all.
I dont have any hosted code for checking same .
I am also getting same error i.e angular-deckgrid: No CSS configuration found (see https://github.com/akoenig/angular-deckgrid#the-grid-configuration)
Angularjs Version: v1.3.0-beta.5 JQuery: v2.1.0 Browsers in which I tested: Firefox 19.0 & Chrome Version 33.0.1750.152
All you guys should make sure you have deckgrid as a class. Some of the examples in the readme don't include that. I have a pull request to update that.
