角の滑らかなカルーセルスライドがページに積み重なっています

Question

私はアプリケーションのホームページでAngularjs滑らかなカルーセルコントロールを使用しています。それは何度か働くかもしれませんが、ほとんどの場合は失敗しています。私は一度に3つのスライドを表示するオプションを与え、約34のスライドを持っています。今、私がページを読み込むと、スライドは積み重なっていきます。スクリーンショットをご覧ください。

<slick responsive="breakpoints" dots ="false" infinite ="true" autoplay ="true" speed="500" slides-to-show= "4" slides-to-scroll="4" class="slickContainer"> 
    <ul class="slider responsive" ng-repeat="item in slides"> 
     <li> 
      <a ng-click="gotoContentPage(item.ContentId, item.ChapterId)"><span>{{item.ContentId}}</span>{{item.ContentCaption}}</a> 
     </li> 
    </ul> 
    </slick> 

私も、コンソールにエラーが届きません。どんな助力も高く評価されます。

Answer 1

私はこの問題を解決しました。私はここにそれを掲示することを考えました。これは、将来同様の問題を持つ人を助けるかもしれません。 データをバインドした直後に、私は自分の問題を解決したスライダーをリフレッシュしました。そのコードスニペットは次のとおりです。

$('.slickContainer').slick('refresh');