マテリアル化css回転角が角度2で動作しない

Question

角度2のコードにマテリアライズcssカルーセルを追加しようとしています。

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

& Javascriptをタイプスクリプトファイル内$('.carousel').carousel(); です。しかし、<a>タグ（HashLocationStrategy）のhrefのために動作しません。

Answer 1

materializecssのカルーセルでは、プラグインを起動するためにクラスとjqueryのdivを使用します。 あなたのコードでは、あなたは ".carousel"クラスのカルーセルを発射していますが、 "カルーセル"クラスでは適切なdivを持っていません。 以下このコードを試してみてください。

<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>