2013-05-16 169 views
0

我正在web項目上工作,我正在使用angular js來顯示圖像,如果我點擊一個圖像,它會放大。我創建了一個示例應用程序,它的工作正常,但是當我開始創建一個示例應用程序時,它會爲其內部標記發出警告。Angularjs不能正常工作

我的HTML文件,其中它給出警告(爲NG-應用,NG-控制器,NG-SRC,NG-重複)..

<!DOCTYPE html> 
<html ng-app> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<!-- <script src="http://code.angular.org/angular-1.0.0rc4.min.js"></script> 
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> --> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 

<script src="${pageContext.request.contextPath}/js/underscore-min.js"></script> 

<link rel="stylesheet" 
    href="${pageContext.request.contextPath}/css/bootstrap.min.css" /> 
<script src="${pageContext.request.contextPath}/css/album.css"></script> 

<title>Angular album</title> 

</head> 

<body> 
jsp 

<div ng-controller="AlbumCtrl"> 
<div id="albumImage"> 
<img ng-src="{{currentImage.image}}" alt="{{currentImage.description}}"> 

</div> 

<div id = "thumbWrapper"> 
<ul id="thumbList"> 
<li ng-repeat ="image in images" ng-click="setCurrentImage(image)"> 
<img ng-src="{{image.thumbnail}}" alt="{{image.description}}"> 

</li> 
</ul> 

</div> 

</div> 
</body> 
</html> 
+0

如果將Javascript添加到正文底部會發生什麼? –

+0

@Matt你在說什麼javascript? – Aniket

+0

對不起,我的意思是腳本標籤。我對Angular不太熟悉,但我知道使用Backbone時,在添加JS源文件後定義模板時遇到了問題。 –

回答

2

看來你的問題是在這裏:

<div ng-controller="AlbumCtrl"> 

我看不到這個控制器是在哪裏定義的。這可能導致文件擴展名錯誤,這就是爲什麼:

<script src="${pageContext.request.contextPath}/css/album.css"></script> 
<!-- I would have expected to see .js, not .css, in the path above -->