2013-05-16 131 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 -->