title: Fullpage.js with angular.js
body: <p>i have a problem with implementing fullpage.js on angular-fullstac-generator project. Then problem is I have installed it with bower then i tried to use it like in instructions. For test i added  following code into index.html where are the scripts for controllers and directives and others stuff. 
  I posted this on the end AFTER jquery.js. </p>
  
  <p>index.html :</p>
  
  <pre><code>&lt;script&gt;
    $(document).ready(function() {
  
      $('#fullpage').fullpage({
        //Navigation
        menu: false,
        anchors:['firstSlide', 'secondSlide'],
        navigation: false,
        navigationPosition: 'right',
        navigationTooltips: ['firstSlide', 'secondSlide'],
        slidesNavigation: true,
        slidesNavPosition: 'bottom',
  
        //Scrolling
        css3: true,
        scrollingSpeed: 700,
        autoScrolling: true,
        scrollBar: false,
        easing: 'easeInQuart',
        easingcss3: 'ease',
        loopBottom: false,
        loopTop: false,
        loopHorizontal: true,
        continuousVertical: false,
        normalScrollElements: '#element1, .element2',
        scrollOverflow: false,
        touchSensitivity: 15,
        normalScrollElementTouchThreshold: 5,
  
        //Accessibility
        keyboardScrolling: true,
        animateAnchor: true,
        recordHistory: true,
  
        //Design
        controlArrows: true,
        verticalCentered: true,
        resize : true,
        sectionsColor : ['#ccc', '#fff'],
        paddingTop: '3em',
        paddingBottom: '10px',
        fixedElements: '#header, .footer',
        responsive: 0,
  
        //Custom selectors
        sectionSelector: '.section',
        slideSelector: '.slide',
  
        //events
        onLeave: function(index, nextIndex, direction){},
        afterLoad: function(anchorLink, index){},
        afterRender: function(){},
        afterResize: function(){},
        afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){},
        onSlideLeave: function(anchorLink, index, slideIndex, direction){}
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>and partial view : </p>
  
  <pre><code>&lt;div id="fullpage"&gt;
    &lt;div class="section"&gt;Some section&lt;/div&gt;
    &lt;div class="section"&gt;Some section&lt;/div&gt;
    &lt;div class="section"&gt;Some section&lt;/div&gt;
    &lt;div class="section"&gt;Some section&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and i get the error : </p>
  
  <p>"  fullPage: Error! Fullpage.js needs to be initialized with a selector. For example: $('#myContainer').fullpage(); "</p>
  
  <p>How to fix that ? thx for anwsers ! </p>