search

leo6104 / ngx-slick-carousel

Angular 17+ wrapper for slick plugin
106 stars 43 forks source link

Unable to click <a routerLink> in app #35

Closed jdegrandchamp89 closed 5 years ago

jdegrandchamp89 commented 5 years ago

I just implemented this package instead of ngx-slick because responsive behavior was not working correctly with ngx-slick. With this package, responsive behavior is working great, but I'm not able to click a link withing my slide div. My code for the carousel is just this:

<ngx-slick-carousel class="carousel" #slickModal="slick-carousel" [config]="slideConfig" (afterChange)="afterChange($event)">
  <ng-template ngFor let-article [ngForOf]="newsArticles">
    <div ngxSlickItem class="slide slide-style">
      <img src="{{article?.headerImage[0]?.url}}" alt="" width="100%" class="img-style">
      <h5>{{article.title}}</h5>
      <div class="text-wrap" [innerHTML]="article.content"></div>
      <a [routerLink]="['/news/', article.id]" >Read more...</a>
    </div>
  </ng-template>
</ngx-slick-carousel>

Any ideas?

jdegrandchamp89 commented 5 years ago

I think some other CSS I had written trying to get NGX-SLICK to work was what broke this. Working fine now!