<script src="angular.min.js"></script>
<script src="list_people.js"></script>
<div ng-app="DemoApp" ng-controller="DemoController">
<div class="person" ng-repeat="p in people">
<div>{{p.name}}</div>
<div>{{p.email}}</div>
</div>
</div>
<style>
.person {
background: #EEE;
margin: 20px;
}
</style
angular.module('DemoApp', [])
.controller('DemoController', ['$scope', function($scope) {
$scope.people = [
{
name: 'Foo',
email: 'foo@company.com'
},
{
name: 'Bar',
email: 'bar@company.com'
},
{
name: 'Qux',
email: 'qux@company.com'
}
];
}]);