angular-reveal-menu

Angular directive that allows you to create a dynamic and customised menu for your reveal.js presentation
Homepage:
1 person uses it
Author: 905728?v=3 mdausmann

angular-reveal-menu

Angular directive that allows you to create a dynamic and customised menu for your reveal.js presentation

dependencies:

Usage

  • Include the module file in your index.html file: ```html <!-- dependencies -->

<!-- angular-reveal-menu -->

<!-- Your own app --> ```

  • Build your slides as normal but add data- attributes to the slides (these will become available on the section for binding): html <section id="relearn" data-majortitle="This is my major title" data-subtitle="I would like to put additional info here"> <img src="img/mybigpicture.jpg"/> <p> I don't need a heading in the slide body because the menu can handle that for me. </p> </section>

  • Add RevealMenuModule module as a dependency to you main app module: javascript var app = angular.module('myapp', ['RevealMenuModule']);

  • Build your menu ```html {{section.majortitle}} {{currentSection.majortitle}} {{currentSection.subtitle}}

comments powered by Disqus
This page was last updated almost 3 years ago.