title: Swiper angular 7 not working when change the class name
body: <p>I am following this slider: <a href="https://idangero.us/swiper/demos/" rel="nofollow noreferrer">Swiper</a></p>
  
  <p>I have 2 swiper sliders in my project and both have different classifications.</p>
  
  <p>One slider is working fine with class name <code>swiper-container</code>. But when I'm going to change the 2nd slider's class name as below, it is not working.</p>
  
  <p>First slider have 4 items per slide and I want 2nd slider should have 1 item per slide. That's why I want to change the name of slider container.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="intro-swiper-container"&gt; &lt;--- changing this class name
              &lt;div class="swiper-wrapper"&gt;
                  &lt;div *ngFor="let temp of tempArr" class="swiper-slide"&gt;
                      &lt;div class="card"&gt;
                          &lt;div class="card-body"&gt;
                              &lt;h5 class="card-title intro-title"&gt;Header {{temp}}&lt;/h5&gt;
                              &lt;p class="card-text intro-body"&gt;
                                  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
                              &lt;/p&gt;
                              &lt;button type="button" class="btn btn-block css-btn" (click)="inforDialogClose()"&gt;Skip&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>ts:</strong></p>
  
  <pre><code>var swiper = new Swiper('.intro-swiper-container', {
                      slidesPerView: 1,
                      spaceBetween: 50,
                      navigation: {
                          nextEl: '.swiper-button-next',
                          prevEl: '.swiper-button-prev',
                      },
                      breakpoints: {
                          1024: {
                              slidesPerView: 1,
                              spaceBetween: 40,
                          },
                          768: {
                              slidesPerView: 1,
                              spaceBetween: 30,
                          },
                          640: {
                              slidesPerView: 1,
                              spaceBetween: 20,
                          },
                          320: {
                              slidesPerView: 1,
                              spaceBetween: 10,
                          }
                      }
                  });
  </code></pre>
  
  <p>All required library is already imported in <code>core.module.ts</code> file. I am not getting why it is not working when I change the class name.</p>
  
  <p><strong>core.module.ts:</strong></p>
  
  <pre><code>import { SwiperConfigInterface, SwiperModule } from 'ngx-swiper-wrapper';
  
  const DEFAULT_SWIPER_CONFIG: SwiperConfigInterface = {
      direction: 'horizontal',
      slidesPerView: 1,
      keyboard:true,
      mousewheel:true,
      scrollbar:true,
      navigation:true,
      pagination:true,
      breakpoints:{
        640:{
          slidesPerView:1
        }
      }
    };
  </code></pre>