## Options. The Angular FullPage Config Provider ##
For configure the behaviour of Angular fullPage.js we can use a config provider, named 'fullPageConfig', and define the options object throw 'setConfig' function. Here's an complete example with all options:
```js
(function() {
'use strict';

angular
.module('app')
.config(function(fullPageConfigProvider) {
fullPageConfigProvider.setConfig({
//Navigation
menu: '#menu',
lockAnchors: false,
anchors:['firstPage', 'secondPage'],
navigation: false,
navigationPosition: 'right',
navigationTooltips: ['firstSlide', 'secondSlide'],
showActiveTooltip: false,
slidesNavigation: false,
slidesNavPosition: 'bottom',

//Scrolling
css3: true,
scrollingSpeed: 700,
autoScrolling: true,
fitToSection: true,
fitToSectionDelay: 1000,
scrollBar: false,
easing: 'easeInOutCubic',
easingcss3: 'ease',
loopBottom: false,
loopTop: false,
loopHorizontal: true,
continuousVertical: false,
continuousHorizontal: false,
scrollHorizontally: false,
interlockedSlides: false,
dragAndMove: false,
offsetSections: false,
resetSliders: false,
fadingEffect: false,
normalScrollElements: '#element1, .element2',
scrollOverflow: false,
scrollOverflowReset: false,
scrollOverflowOptions: null,
touchSensitivity: 15,
normalScrollElementTouchThreshold: 5,
bigSectionsDestination: null,

//Accessibility
keyboardScrolling: true,
animateAnchor: true,
recordHistory: true,

//Design
controlArrows: true,
verticalCentered: true,
sectionsColor : ['#ccc', '#fff'],
paddingTop: '3em',
paddingBottom: '10px',
fixedElements: '#header, .footer',
responsiveWidth: 0,
responsiveHeight: 0,
responsiveSlides: false,

//Custom selectors
sectionSelector: '.section',
slideSelector: '.slide',

lazyLoading: true,
});
});

})();
```

We can also add events in the config object:

```js
(function() {
'use strict';

angular
.module('app')
.config(function(fullPageConfigProvider) {
fullPageConfigProvider.setConfig({
lazyLoading: true,
onLeave: function(index, nextIndex, direction){},
afterLoad: function(anchorLink, index){},
afterRender: function(){},
afterResize: function(){},
afterResponsive: function(isResponsive){},
afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){}
});
});

})();
```

You can find complete information about options in the [original jQuery project readme](https://github.com/alvarotrigo/fullPage.js#initialization).

## Methods. The Angular FullPage Service ##
You can interact with Angular FullPage by the Angular FullPage Service. Only you have to do is inject the service "fullPageService" and enjoy. There is an example that move section up on load:
```js
(function() {
'use strict';

angular
.module('app')
.controller('app.indexCtrl', indexCtrl);

indexCtrl.$inject = ['fullPageService'];

function indexCtrl(fullPageService) {
fullPageService.moveSectionUp();
}

})();
```

You can find all the possible methods to configure in the [original jQuery project readme](https://github.com/alvarotrigo/fullPage.js/blob/master/README.md#methods).

### Current Section and Slide ###
We have added an additional method to the original project, named "status". This one allow to know which section and slide are on screen.

```js
fullPageService.status.anchorLink; // Current section anchor
fullPageService.status.sectionIndex; // Current section index
fullPageService.status.slideIndex; // Current slide index
fullPageService.status.slideAnchor; // Current slide anchor
```

## Events (callbacks) ##
All the events about Angular Fullpage are emitted by $rootScope. It allow to access this events in any controller of the app.

- `fp-afterLoad` data => { *anchorLink* , *index* }
- `fp-onLeave` data => { *index* , *nextIndex* , *direction* }
- `fp-afterRender` data => { }
- `fp-afterResize` data => { }
- `fp-afterResponsive` data => { *isResponsive* }
- `fp-afterSlideLoad` data => { *anchorLink* , *index* , *slideAnchor* , *slideIndex* }
- `fp-onSlideLeave` data => { *anchorLink* , *index* , *slideIndex* , *direction* , *nextSlideIndex* }

**How to use**
```js
$rootScope.$on('fp-afterLoad', function(event, data) {
console.log(data);
});
```

## What's next? ##
For further information and complete documentation, you have to access the official site of [the original jQuery fullPage.js library](https://github.com/alvarotrigo/fullPage.js)