角兑现element.leanModal不是一个函数

Question

我采用了棱角分明这种来自https://github.com/krescruz/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可以工作，但MaterialiseCSS有一些完全依赖于jQuery的模块。