An angularjs directive that wraps intro.js functionality.
See the project page for an overview.
You can install this package through Bower by using the following command :
bower install angular-intro.js --save
The two main directives are ng-intro-options and ng-intro-method.
ng-intro-options needs to point at a $scope object which contains the intro.js options. The options are exactly the same as the original. This also allows you to modify the options as part of your controller behavior if necessary.
ng-intro-method is a method name that you want to use later. In other words, put any name in there that doesn't exist on the $scope already. The directive will create a method with that name so that you can call it yourself later.
For example, if you set ng-intro-method="CallMe", then you can later call ng-click="CallMe();" as long as you are still in the same controller scope. You can also specify a step number in the method call, CallMe(3);.
To start the intro from code, either call $scope.CallMe(); or set ng-intro-autostart="true". If the $scope.CallMe(); doesn't work, it might be because your DOM isn't ready. Put it in a $timeout.
There are also directives that link to the intro.js callbacks, namely ng-intro-oncomplete, ng-intro-onexit, ng-intro-onchange ng-intro-onbeforechange and ng-intro-onafterchange.
First, get the node modules needed (grunt, bower)
npm install
Next, use bower to get the JS libraries needed (intro.js)
node_modules/.bin/bower install
Then, whenever you make any changes, get grunt to build the minified angular-intro.min.js
node_modules/.bin/grunt
If you want to view the demo page to make sure everything's working, the quickest way is to start a web server
python -m SimpleHTTPServer
And browse to http://localhost:8000/example/index.html
As with intro.js, this is under the MIT license.