jsonData

by andredgusmao

HTML

<div ng-app>
<div ng-controller="myController">
	<ul>	
		<li ng-repeat="video in data">
			<a href="http://www.youtube.com/v/{{video.id}}">
				<img ng-src="{{video.thumbUrl}}" />
				<br />Id : {{video.id}} 
			</a>
		</li>
	</ul>
</div>
</div>

CSS

li{list-style:none;float:left;padding:20px;}
a{text-decoration:none;}

JavaScript

function myController($http,$scope){     
    var myData={"myvideos":[{"id":"yZxrao3zou4","thumbUrl":"http://img.youtube.com/vi/yZxrao3zou4/default.jpg","views":20000},{"id":"wqQ6BF50AT4","thumbUrl":"http://img.youtube.com/vi/wqQ6BF50AT4/default.jpg","views":249},{"id":"_oyI0C2kBRc","thumbUrl":"http://img.youtube.com/vi/_oyI0C2kBRc/default.jpg","views":3833},{"id":"ExW4FisGlYk","thumbUrl":"http://img.youtube.com/vi/ExW4FisGlYk/default.jpg","views":54355}]};
   $scope.data = myData.myvideos;
  		
	}