Angular 2+實現jQuery

Question

我正在Angular 4項目中試用Materialize，它已安裝並正常工作。

我的問題來自我嘗試的腳本部分。

例如：

我將其添加到我的component.html中：

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

然后說明告訴我使用jquery對其進行初始化，因此將其添加到index.html中：

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

我看不到任何模態出現的問題。

如何在Angular 4上使用它？

Answer 1

請嘗試以下操作：

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

plunker