Slick Carousel Fehler: null ist kein Objekt (Bewertung 'b. $ Slides.add')

Question

Ich benutze ein glattes Karussell und habe den vorherigen Fehler. Ich verwende eine Winkelanweisung, um das Element für das anpassbare Karussell festzulegen.

 .day-slider.ng-hide{"ng-show"=> "true", "carousel" => "", "center-mode" => "false", "slides-to-scroll" => "3", "autoplay" => "false", "initial-slide" => @presenter.day - 1, "rtl" => "#{is_rtl? ? 'true' : 'false'}", "dir" => "#{is_rtl? ? 'rtl' : 'ltr'}", "arrows" => "false"} 

sah ich in einem Beitrag auf Github, dass fix jemand war das Element zu unslick(), bevor es zu Slick() versucht.

Ich sah auch, dass es mit benutzerdefinierten Pfeilen verwandt ist, aber ich habe den Fehler, selbst wenn die Pfeile in der Konfig ausgeschaltet. Das gleiche Setup funktioniert auf einer anderen Seite, was den Fehler eher verwirrend macht.

Keine dieser Fixes funktionierte für mich, und anders als das, ich habe dieses Problem nirgendwo anders gesehen.

Jede Hilfe wäre willkommen!

Answer 1

Es stellt sich heraus, dass das Karussell versucht wurde, angewendet zu werden, bevor das DOM fertig war.

das Hinzufügen der $ Timeout-Funktion endete mit vielen glatten Fehlern, einschließlich der für diese Frage.

  controller: ["$element", "$scope", "$timeout", function($element, $scope, $timeout) { 
      $timeout(function() { 
       // your carousel code 
      )}; 
      }] 

zu: Slick Carousel with Angular JS