angular-materialize element.leanModal不是函数

Question

我正在使用https://github.com/krescruz/angular-materialize中的angular materialize

我有以下问题，当我调用一个模式时，它告诉我控制台上的element.leanModal is not a function，而不是，它试图重新加载页面。

所有内容都已包含并按顺序排列：

<!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-aria/angular-aria.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-messages/angular-messages.js"></script>
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-touch/angular-touch.js"></script>
    <!-- endbower -->
    <!-- endbuild -->
        <script src="scripts/jquery-1.12.1.min.js"></script>
        <script src="scripts/jquery.nicescroll.min.js"></script>
        <script src="scripts/materialize.min.js"></script>
        <script src="scripts/angular-materialize.js"></script>
        <!-- build:js({.tmp,app}) scripts/scripts.js -->
        <script src="scripts/app.js"></script>
        <script src="scripts/controllers/wallCtrl.js"></script>
        <script src="scripts/controllers/about.js"></script>
        <script src="scripts/directives/nicescroll.js"></script>
        <!-- endbuild -->

下面是模态#newpost的触发器

...
<ul class="right hide-on-med-and-down">
  <li><a href="/about">About</a></li>
  <li><a href="#newpost" modal>New Post</a></li>
</ul>
...

下面是模式代码片段：

<div id="newpost" class="modal modal-fixed-footer">
        <form method="post">
            <div class="modal-content">
                <h4>New Post</h4>

            </div>
            <div class="modal-footer">
                <a href="#!" class="modal-action waves-effect waves-green btn-flat">Post</a>
                <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>
            </div>
        </form>
    </div>

它包含在我的app.js文件的依赖项中：

angular
  .module('leseaApp', [
    'ngAnimate',
    'ngAria',
    'ngCookies',
    'ngMessages',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ui.materialize'
  ])

所有的事情都是按照文档正确完成的，但是我有这个错误。你知道可能出了什么问题吗？几个小时过去了，我尝试了所有的方法:通过bower和yeoman重新安装东西，降级到旧版本，但到目前为止都没有起作用。任何帮助都将不胜感激！

Answer 1

显然，需要在Angular之前加载jQuery，以便Angular知道它不必使用jQuerylite。jQuerylite可以工作，但是MaterializeCSS有一些完全依赖于jQuery的模块。