Shawful/jsbin.gupam.html

## jsbin.gupam.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<meta name="description" content="JSON sourced ng-Repeat simple example" />
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="app">
  <div ng-controller="repCtrl">
    <div ng-repeat="rep in reps"
         <p>{{rep.name}}</p>
         </div>
  There are {{reps.length}} reps.

 <p>The first rep is :<br>
   {{reps[0]}}</p>
  </div>
</body>
</html>

## jsbin.gupam.js
var app = angular.module('app',[]);

app.controller('repCtrl',['$scope', function($scope){
  $scope.reps = [{
        "name": "Michael",
        "role": "Rep"
    }, {
        "name": "Ted",
        "role": "Senator"
    }, {
        "name": "John",
        "role": "Senator"
    }];
}]);
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
	<meta name="description" content="JSON sourced ng-Repeat simple example" />
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body ng-app="app">
	<div ng-controller="repCtrl">
	<div ng-repeat="rep in reps"
	<p>{{rep.name}}</p>
	</div>
	There are {{reps.length}} reps.

	<p>The first rep is :<br>
	{{reps[0]}}</p>
	</div>
	</body>
	</html>
	var app = angular.module('app',[]);

	app.controller('repCtrl',['$scope', function($scope){
	$scope.reps = [{
	"name": "Michael",
	"role": "Rep"
	}, {
	"name": "Ted",
	"role": "Senator"
	}, {
	"name": "John",
	"role": "Senator"
	}];
	}]);