Adding ng-repeat tutorial.

K.C. Hunter · K.C. Hunter · commit 608c49fcb5e7 · 2014-11-26T23:50:29.000-05:00
diff --git a/src/angularjstutorial.js b/src/angularjstutorial.js
@@ -20,7 +20,7 @@ app.service("ravensService", function ($http, $q)
 	var promise = ravensService.getPlayers();
 	promise.then(function (data)
 	{
-		$scope.team = data;
-		console.log($scope.team);
+		$scope.players = data.data;
+		console.log($scope.players);
 	});
 })
diff --git a/src/index.html b/src/index.html
@@ -16,7 +16,22 @@
 		<h1>Baltimore Ravens</h1>
 
 		<div data-ng-controller="ravensCtrl">
-			
+			<table class="table table-striped">
+				<thead>
+					<tr>
+						<th>Player</th>
+						<th>Position</th>
+						<th>Number</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr data-ng-repeat="player in players">
+						<td>{{player.name}}</td>
+						<td>{{player.position}}</td>
+						<td>{{player.number}}</td>
+					</tr>
+				</tbody>
+			</table>
 		</div>
 	</div>
 
diff --git a/src/resources/js/ravensService.js b/src/resources/js/ravensService.js
@@ -20,7 +20,7 @@ app.service("ravensService", function ($http, $q)
 	var promise = ravensService.getPlayers();
 	promise.then(function (data)
 	{
-		$scope.team = data;
-		console.log($scope.team);
+		$scope.players = data.data;
+		console.log($scope.players);
 	});
 })
