title: Angularjs not working
body: <p>I am working on web project where i am working on angular js to display images and if i click an image it will zoomed. I have created one sample application its working fine but when i started to create one sample application it gives warning for its internal tags.</p>
  
  <p>My Html file where it gives warnings(for ng-app,ng-controller,ng-src,ng-repeat) ..</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;!-- &lt;script src="http://code.angular.org/angular-1.0.0rc4.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://documentcloud.github.com/underscore/underscore-min.js"&gt;&lt;/script&gt; --&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="${pageContext.request.contextPath}/js/underscore-min.js"&gt;&lt;/script&gt;
  
  &lt;link rel="stylesheet"
      href="${pageContext.request.contextPath}/css/bootstrap.min.css" /&gt;
  &lt;script src="${pageContext.request.contextPath}/css/album.css"&gt;&lt;/script&gt;
  
  &lt;title&gt;Angular album&lt;/title&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  jsp
  
  &lt;div ng-controller="AlbumCtrl"&gt;
  &lt;div id="albumImage"&gt;
  &lt;img ng-src="{{currentImage.image}}" alt="{{currentImage.description}}"&gt;
  
  &lt;/div&gt;
  
  &lt;div id = "thumbWrapper"&gt;
  &lt;ul id="thumbList"&gt;
  &lt;li ng-repeat ="image in images"  ng-click="setCurrentImage(image)"&gt;
  &lt;img ng-src="{{image.thumbnail}}" alt="{{image.description}}"&gt;
  
  &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>