This is a simple Angular wrapper around Bootstrap Tour. Simply add the "tour" directive anywhere, and add the "tour-step" directive to any element within "tour" that needs a tip. All options are available by adding the corresponding attributes to the directive element. There is also a "skip" option that if evaluates to true, will skip over the step. This repository was scaffolded with generator-microjs.
The TourConfigProvider allows you to set a couple options: prefixOptions {boolean, default: false} if set to true will require directive options to be prefixed to avoid conflicts prefix {string, default: 'bsTour'} the prefix to use if prefixOptions is set to true Use TourConfigProvider.set(<option>, <value>) in your app's config block to change the settings You can use either tour and tourStep or bsTour and bsTourStep as directive names without changing config.
<div tour placement="top" on-end="onTourEnd(tour)" after-get-state="afterGetStateFunction" template-url="tour_template.html"> <div id="mainMenu" tour-step title="Main Menu" content="{{mainMenuDescription}}" order="0" skip="pageName !== 'home'"> ... </div> ... </div>