【发布时间】:2016-07-05 21:26:32
【问题描述】:
我对 angular-Js 很陌生。我正在尝试使用引导角度 UI 作为学习的一部分,我从 https://angular-ui.github.io/bootstrap/ 获取代码。
手风琴模块。 http://imgur.com/h1IFF0g
但在页面加载时,每个手风琴组件都出现以下错误。
VM5120:27 类型错误:$q.resolve 不是崩溃时的函数 (ui-bootstrap-tpls-1.3.3.js:66)
在 Object.fn (ui-bootstrap-tpls-1.3.3.js:102)
在 l.$digest (angular.js:14243)
在 l.$apply (angular.js:14506)
在 l (angular.js:9659)
在 S (angular.js:9849)
在 XMLHttpRequest.D.onload (angular.js:9790)
我在 app.js 文件中将依赖项声明为
var mainApp = angular.module("myApp", ['ngRoute', 'myApp.view1','myApp.view2', 'myApp.login', 'ui.bootstrap']);
我已经下载了 ui-bootstrap-1.3.3.js 并将它们包含在我的项目中,如下所示。
<script src = "https://connect.facebook.net/en_US/sdk.js"></script>
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="ui-bootstrap-1.3.3.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.3.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
有人可以指导我了解我在哪里做错了。
如果我需要提供任何进一步的信息,请告诉我。
【问题讨论】:
-
不需要两个脚本。第二个包括第一个...加上模板中的所有内容。你用的是什么版本的角度?
-
感谢指正,我是前端新手。我已经用我正在使用的参考资料更新了这篇文章。我使用的是 1.3.14。
标签: javascript jquery angularjs twitter-bootstrap