title: Swiper not working in Angular 5
body: <p>I'm trying to integrate nolimts4web swiper into my Angular 5 project, I used in my <code>index.html</code> file</p>
  
  <pre><code>&lt;head&gt;
      ...
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.2/css/swiper.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      ...
    &lt;script 
      src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.2/js/swiper.min.js"&gt; 
    &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Put this in my HTML file:</p>
  
  <pre><code>&lt;div class="swiper-container"&gt;
      &lt;div class="swiper-wrapper"&gt;
          &lt;!-- Slides --&gt;
          &lt;div class="swiper-slide"&gt;Slide 1&lt;/div&gt;
          &lt;div class="swiper-slide"&gt;Slide 2&lt;/div&gt;
          &lt;div class="swiper-slide"&gt;Slide 3&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="swiper-button-prev"&gt;&lt;/div&gt;
      &lt;div class="swiper-button-next"&gt;&lt;/div&gt;
  
      &lt;div class="swiper-scrollbar"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And initialised by putting this right before the end of the body tag in <code>index.html</code>:</p>
  
  <pre><code>&lt;script&gt;
    var mySwiper = new Swiper ('.swiper-container', {
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      scrollbar: {
        el: '.swiper-scrollbar',
      },
    })
   &lt;/script&gt;
  </code></pre>
  
  <p>Whats happening is that it shows the <code>slide 1</code> in the swiper however clicking next button does nothing and I can't swipe, basically actions are not working.</p>