物化模态在Angular中不起作用

Question

ts file html file这是我项目中的代码。点击模态按钮时，它没有显示任何内容。

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是怎样的，你的文件夹结构如何等等？