var app = angular.module('plunker', ['ui.router', 'fullpage.js']);

app.config(function($stateProvider, $urlRouterProvider, $locationProvider, fullPageConfigProvider) {
  $urlRouterProvider.otherwise('/fullpage');
  $locationProvider.html5Mode(true);
  var helloState = {
    name: 'hello',
    url: '/hello',
    template: '<h3>hello world!</h3>'
  }

  var aboutState = {
    name: 'fullpage',
    url: '/fullpage',
    templateUrl: 'fullpage.html'
  }

  $stateProvider.state(helloState);
  $stateProvider.state(aboutState);
  
  fullPageConfigProvider.setConfig({
    sectionsColor : ['#ccc', '#ddd'],
  });
});

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script data-require="angular.js@1.5.x" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js" data-semver="1.5.11"></script>
    <script src="//unpkg.com/@uirouter/angularjs/release/angular-ui-router.min.js"></script>
    <link rel="stylesheet" href="//rawgit.com/mmautomatizacion/mm.angular-fullpage.js/master/dist/mm.angular-fullpage.min.css" />
    <script src="//rawgit.com/mmautomatizacion/mm.angular-fullpage.js/master/dist/mm.angular-fullpage.min.js"></script>
    <script src="app.js"></script>
    <style>.active { color: red; font-weight: bolder; }</style>
  </head>

  <body>
    <nav>
      <a ui-sref="hello" ui-sref-active="active">hello</a>
      <a ui-sref="fullpage" ui-sref-active="active">fullpage.js</a>
    </nav>
    <ui-view></ui-view>
  </body>

</html>

/* Put your css in here */
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffcc00;
  z-index: 1;
}
.section {
  text-align: center;
}
<div full-page>
  <div class="section">
    <div class="content">
      section1
    </div>
  </div>
  <div class="section">
    <div class="slide">
      <div class="content">
        slide1
      </div>
    </div>
    <div class="slide">
      <div class="content">
        slide2
      </div>
    </div>
  </div>
</div>