The cretio-angular-foundation from vibrat

cretio-angular-foundation's People

Contributors

Stargazers

Watchers

cretio-angular-foundation's Issues

Swiper Dangerous not working correctly with ngFor

Swiper js working fine except that if it's put in *ngFor. After some search I found that swiper is not working because it's loading before *ngFor generate loop. Anyone have a solution for this.
@dohoanghuy94
in component.ts

const swiperNews = new Swiper('.swiper-container-1');
      const swiper = new Swiper('.swiper-container', {
          simulateTouch: false,
      });

in .html

                  <div class="swiper-wrapper">
                      <div *ngFor="let news of allNews" class="swiper-slide">
                          <div class="image-container">
                            <img class="img-fluid" src="{{ news.image.url }}" alt="{{ news.image.alt }}" />
                            <div class="screen"></div>
                          </div>
                          <div class="section-text align-bottom hover">
                              <div class="row">
                                  <div class="col-sm-6 col-xs-6">
                                      <div>
                                        <span>{{ news.name }}</span>
                                      </div>
                                      <div>
                                          <span><small>{{ news.date }}</small></span>
                                      </div>
                                  </div>
                                  <div class="col-sm-6 col-xs-6 d-none d-sm-block">
                                      <div>
                                          <span>{{ news.des }}</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>

Recommend Projects