Question

我一直在尝试从物化显示模态的多种方法。我已经完成了所有steps的设置。

自从我使用图标以来，一切似乎都很好。

我最终跟随this tutorial，但在2:40时他的情态开启了，我的却没有。

与他的项目和我的项目唯一的不同是，我通过NPM安装了物化，并且我正在使用Angular7。我没有其他软件包。 Angular 7中有什么会干扰我的模式吗？

感谢您的帮助。您可以从以下Angular模板中找到代码。我没有收到任何错误，但是模式没有打开。

<div class="container">
    <h2>Modals</h2>

    <a href="#terms" class="btn orange modal-trigger">Terms & conditions</a>

    <div class="modal" id="terms">
        test
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
    $(document).ready(function () {
        $('.modal').modal();
    });
</script>

Answer 1

在您的Index.html中编写此代码

<script>
  document.addEventListener('DOMContentLoaded', function () {

    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems);
  });

</script>

我希望这可以解决您的问题

物化模态未显示在Angular 7上

1 个答案: