johnlindquist/index.html

## index.html
<!doctype html>
<html lang="en" ng-app="workshop">
<head>
    <meta charset="UTF-8">
    <title>AngularJS Jumpstart</title>
    <link rel="stylesheet" href="bootstrap.min.css"/>

    <script src="angular.js"></script>
    <script src="workshop.js"></script>
</head>
<body ng-controller="BodyController as body">

<ul>
    <li ng-repeat="person in body.people">{{person.name}}</li>
</ul>

</body>
</html>

## workshop.js
angular.module("workshop", [])
    .service("colorService", function ColorService($http){
        var colorService = this;
        colorService.color = "blue";

        colorService.getPeople = function(){
            return $http.get("people.json").then(function(result){
                return result.data.results;
            });
        }
    })

    .controller("BodyController", function(colorService){
        var body = this;
        body.color = colorService.color;

        colorService.getPeople().then(function(people){
            body.people = people;
        })
    });
	<!doctype html>
	<html lang="en" ng-app="workshop">
	<head>
	<meta charset="UTF-8">
	<title>AngularJS Jumpstart</title>
	<link rel="stylesheet" href="bootstrap.min.css"/>

	<script src="angular.js"></script>
	<script src="workshop.js"></script>
	</head>
	<body ng-controller="BodyController as body">

	<ul>
	<li ng-repeat="person in body.people">{{person.name}}</li>
	</ul>

	</body>
	</html>
	angular.module("workshop", [])
	.service("colorService", function ColorService($http){
	var colorService = this;
	colorService.color = "blue";

	colorService.getPeople = function(){
	return $http.get("people.json").then(function(result){
	return result.data.results;
	});
	}
	})

	.controller("BodyController", function(colorService){
	var body = this;
	body.color = colorService.color;

	colorService.getPeople().then(function(people){
	body.people = people;
	})
	});