Angular 2+ Materialize jquery

Question

私はAngular 4プロジェクトでMaterializeを試しています。それはすべてインストールされ、動作しています。

私の問題は、私がスクリプトセクションを試しています。例えば

：

<!-- Modal Trigger --> 
    <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a> 

    <!-- Modal Structure --> 
    <div id="modal1" class="modal"> 
    <div class="modal-content"> 
     <h4>Modal Header</h4> 
     <p>A bunch of text</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a> 
    </div> 
    </div> 

そして、命令は私が私のindex.htmlにこれを追加していますので、jqueryのを使用して、それを初期化するために教えてください：

私はcomponent.htmlにこれを追加します。

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

問題どのようなモーダルも見えません。

どのように角度4で動作させることができますか？

Answer 1

次のことを試してみてください。

<script> 
    $(document).ready(function(){ 
    $('.modal-trigger').leanModal(); 
    }); 
</script> 

plunker