Angular2实现sideNav不是一个函数

时间:2017-03-24 15:10:48

标签: angular materialize

我对Materialize框架的sideNav有这个问题:" sideNav不是函数"。

我按照本教程中的所有步骤操作:https://www.npmjs.com/package/angular2-materialize

如果我执行$(" .button-collapse")。sideNav();在浏览器控制台上然后它开始工作,所以我认为这是一个问题,因为该功能在执行时已经存在。 我做了很多尝试,把它放在捆绑的最后,直到我完成这件事:

  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>
  <script>
    (function () {
      $(".button-collapse").sideNav();
    })();
  </script>

同样的问题仍然存在... sideNav不是一个功能,但可以在控制台上执行它。

有人可以帮忙吗? 感谢

1 个答案:

答案 0 :(得分:0)

我解决了。 首先,我使用Angular-CLI版本和webpack。

在angular2-materialize文档中存在泄漏。他们没有提到他们应该做的两件事: - Ovvious:在导入库之后,他们没有提到将它放入导入, - 添加:导入'materialize-css'; ,在'angular2-materialize'导入{MaterializeModule}之前;