Untitled

<!DOCTYPE html>
<html data-ng-app="myApp">

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <div data-ng-view></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.4/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.4/angular-route.min.js"></script>
    <script src="script.js"></script>
  </body>

</html>

var app = angular.module('myApp', ['ngRoute']);

app.config(function ($routeProvider) {

    $routeProvider.when('/', {
        templateUrl: 'home.html',
        controller: 'HomeController'
    }).otherwise({ redirectTo: '/' });

});

app.controller('HomeController', function ($scope) {

    $scope.people = [

        {
            name: "Arik",
            age: 19
        },

        {
            name: "Bar",
            age: 19
        }

    ];

});

/* Styles go here */

<ul>

    <li data-ng-repeat="person in people">
        <b>{{ person.name }}</b> - {{ person.age }}
    </li>

</ul>