Twitter bootstrap Can';t加载ui引导
我创建了一个简单的Twitter bootstrap Can';t加载ui引导,twitter-bootstrap,angularjs,Twitter Bootstrap,Angularjs,我创建了一个简单的AngularJS页面,但由于UI引导,它无法加载。HTML代码是: <!doctype html> <html lang="en" ng-app="myapp"> <head> <meta charset="utf-8"> <title>My HTML File</title> <script src="lib/angular/angular.js"></script>
AngularJS
页面,但由于UI引导,它无法加载。HTML代码是:
<!doctype html>
<html lang="en" ng-app="myapp">
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-ui-router.js"></script>
<script src="lib/angular/ui-bootstrap-0.4.0.js"></script>
<script src="lib/angular/angular-strap.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<div ui-view="headerView"></div>
<div ui-view="navigationView"></div>
<div ui-view="contentView"></div>
</body>
</html>
Firebug
中的错误:
SyntaxError: syntax error
[Break On This Error]
<!DOCTYPE html>
ui-boo....4.0.js (line 3
SyntaxError:语法错误
[在此错误上中断]
ui boo…4.0.js(第3行)
我没有修改UI引导javascript文件。您是否尝试过像这样切换js文件的顺序
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<script src="js/app.js"></script>
<script src="lib/angular/ui-bootstrap-0.4.0.js"></script>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-ui-router.js"></script>
<script src="lib/angular/angular-strap.js"></script>
</head>
我的HTML文件
这能解决问题吗?不,它不能解决问题。放置app.js
首先会引入另一个错误,因为angular
未加载。我的app.js
是`var myapp=angular.module('myapp',['ui.state','ui.bootstrap'])带有文件顺序的控制台日志:未捕获引用错误:angular未定义app.js:10未捕获语法错误:意外标记有关
下载ui引导程序
,我实际上下载了一个HTML页面,而不是实际的javascript。
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<script src="js/app.js"></script>
<script src="lib/angular/ui-bootstrap-0.4.0.js"></script>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-ui-router.js"></script>
<script src="lib/angular/angular-strap.js"></script>
</head>