物化模式在Angular中不起作用

时间:2019-04-30 11:13:47

标签: materialize

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);
});

1 个答案:

答案 0 :(得分:0)

您是否正确导入了css,js?您能否向我们提供有关您的代码的更多详细信息?例如,您的.html看起来如何,文件夹结构如何?