Материализация модальный не работает в Angular

Question

тс файл HTML-файл Это код в моем проекте. При нажатии на модальную кнопку ничего не отображается.

HTML:

<button data-target="modal1" class="btn modal-trigger">Modal</button>
<!-- 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-close waves-effect waves-green btn-flat">Agree</a>
  </div>
</div>

JavaScript:

declear const M;
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('.modal');
var instances = M.Modal.init(elems);
});

Answer 1

Вы правильно импортировали css, js? Можете ли вы дать нам более подробную информацию о вашем коде? Например, как выглядит ваш .html и какова структура вашей папки и т. д.?