物化css旋转木马不使用角度2

Question

我正在尝试在角度2代码中包含materialize css轮播。

   <a class="carousel-item" href="#one!"></a>

＆安培; javascript是$('.carousel').carousel(); 在类型脚本文件中。但是由于<a>标签（HashLocationStrategy）中的href，它无效。

Answer 1

materializecss中的carousel使用一组带有类和jquery的div来触发插件。 在你的代码中，你在类“.carousel”中发射旋转木马，但你没有正确的div与“carousel”类。 请尝试以下代码：

<div class="carousel">
   <a class="carousel-item" href="#foo!"><img src=".../foo.jpg"></a>
   <a class="carousel-item" href="#bar!"><img src=".../bar.jpg"></a>
</div>

<script>
   $(document).ready(function() { 
      $('.carousel').carousel();
   });
</script>