Create presentation slides – the AngularJS way!
- the native AngularJS module
ngSlidedeck - the directives
<slides>and<slide>, see the code - a mechanism to change the current slide via a scope variable
- animation support via
ngAnimate(AngularJS core module) - you're able to use all AngularJS directives in your slides!
angular-slidedeck does not tie you to a specific CSS framework – it only provides a sane default CSS file for displaying a slide.
<slides>
<slide>
<h1>Welcome to Darth Vader's slide deck</h1>
</slide>
...
</slides>
bower install angular-slidedeck
Add angular-slidedeck to your <head>:
<script src="bower_components/angular-slidedeck/angular-slidedeck.min.js"></script>
<link rel="stylesheet" href="bower_components/angular-slidedeck/angular-slidedeck.min.css">
Then inject the ngSlidedeck module to your AngularJS app:
angular.module('myApp', ['ngSlidedeck']);
bower install angular angular-animate
Add dependencies to your <head>:
<script src="bower_components/angular/angular.min.js"></script>
<script src="bower_components/angular-animate/angular-animate.min.js"></script>