title: Ngx-swiper-wrapper disabled
body: <p>I have loaded some data into my ngx-swiper-wrapper. However, when this happens, this swiper-button-disabled is loaded on to the next-button and prev-button. I tried removing this with javascript, but the swiper object still wouldnt scroll. I do not know if there is a way to refresh/reload the swiper object after getting the data.</p>
  
  <pre><code>  ngOnInit() {
           this.spinner.show().then( async () =&gt; {
            this.data.currentProgress.subscribe(progress =&gt; this.progress = progress);
            await this.eventService.fetchEvents();
            }).then(async () =&gt; {
              this.data.totalShuffledEvents.subscribe(shuffle =&gt; this.totalEvents = shuffle);
              var buttons = document.querySelectorAll('.swiper-button-next');
              buttons[0].classList.remove("swiper-button-disabled");
            }).then(() =&gt; {
              this.spinner.hide();
            });
       }
  </code></pre>
  
  <pre><code>          &lt;swiper *ngIf="type == 'component' &amp;&amp; show" class="swiper-container" fxFlex="auto" [config]="config" [disabled]="disabled" (indexChange)="onIndexChange($event)" (swiperTransitionStart)="onSwiperEvent('transitionStart')" (swiperTransitionEnd)="onSwiperEvent('transitionEnd')"&gt;
              &lt;div *ngFor="let event of totalEvents" class="swiper-slide"&gt;
  ...
  </code></pre>