angular-pagepiling.js

pagePiling.js Angular Directive
====


$3

A simple pagePiling.js directive that allows
the use of pagePiling.js within an angular app. There are several issues when using the the vanilla jquery
version with an angular application that uses an internal router for displaying pages, and this repo
aims to solve them.

Example - Source

$3

Install via __Download__,

__Bower__
``bash
bower install --save angular-pagepiling.js
`

or __NPM__
`bash
npm install --save angular-pagepiling.js
`

====

Make sure to include both this directive and pagePiling.js. This package isn't a replacement.

_index.html_
`html



`

In your angular modules, include the Directive

_app.module.js_
`js
angular
.module('app', [
'pagePiling.js'
...
]);
`

Add your standard pagePiling.js structure,
along with the attribute full-page

_someView.html_
`html

Some section

Some section

Some section

Some section

`

$3

If you'd like to add some options to the pagePiling, just include them in an object in your controller, and add the options attribute to your html.

_someView.html_
`js
function MainController(){

var _this = this;

_this.mainOptions = {
sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
navigation: true,
navigationPosition: 'right'
scrollingSpeed: 1000
}

}
`

_someView.html_
`html

Some section

Some section

Some section

``

You can even make them dynamic.