import { Component , OnInit } from '@angular/core' ; import { options , fullpage_api } from 'fullpage.js/dist/fullpage.extensions.min' ; @ Component ( { selector : 'app-type' , templateUrl : './type.component.html' , styleUrls : [ './type.component.scss' ] } ) export class TypeExampleComponent implements OnInit { config : options ; fullpage_api : fullpage_api ; constructor ( ) { this . config = { licenseKey : 'YOUR LICENSE KEY HERE' , anchors : [ 'firstPage' , 'secondPage' , 'thirdPage' , 'fourthPage' , 'lastPage' ] , menu : '#menu' , scrollOverflow : true , sectionsColor : [ '#1bbc9b' , '#4BBFC3' , '#7BAABE' , 'whitesmoke' , '#ccddff' ] , afterLoad : ( origin , destination , direction ) => { console . log ( destination ) ; } , afterRender : ( ) => { console . log ( 'afterRender' ) ; } , afterResize : ( width , height ) => { console . log ( 'afterResize' + width + ' ' + height ) ; } , afterSlideLoad : ( section , origin , destination , direction ) => { console . log ( destination ) ; } } ; } ngOnInit ( ) { } getRef ( fullPageRef ) { this . fullpage_api = fullPageRef ; } }