我的脚本如此列出;
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="{{ URL::asset('js/myapp.js') }}"></script>
然后在我的myapp.js;
var app = angular.module('testApp', ['ui.directives', 'ui.bootstrap']);
我一直得到Uncaught Error:[$ injector:modulerr]。
具体而言;
由于以下原因无法实例化模块ui.bootstrap: 错误:[$ injector:nomod] http://errors.angularjs.org/1.4.9/ $ injector / nomod?p0 = ui.b ... 在错误(本机) 在http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:6:416 在http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:24:186 在b(http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:23:252) 在http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:23:495 在http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:38:153 在n(http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:7:355) at g(http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:38:1) 在http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:38:170 在n(http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js:7:355
我缺少什么,ui.directives声明本身可行,但ui.bootstrap失败。
在ui-bootstrap 1.1.1中拉出并清理了这样的脚本,
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="//code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular.min.js"></script>
<script src="{{ URL::asset('js/ui-bootstrap.min.js') }}"></script>
<script src="{{ URL::asset('js/myApp.js') }}"></script>
错误消失了。