index.html

<!DOCTYPE html>
<html>
<head>
    <title>Belajar AngularJs</title>
</head>
<body ng-app="FirstApp">
<div ng-controller="IndexController">
    <form>
        <p>Fill the form</p>
        <div>
            <label>Name</label>
            <input type="text" ng-model="newName">
        </div>

        <div>
            <label>Phone</label>
            <input type="text" ng-model="newPhone">
        </div>

        <input type="button" value="Add" ng-click="addPerson()">

    </form>

    <h2>The list</h2>
    <p>The names that were added with the form.</p>

    <ul>
        <li ng-repeat="person in people">
            <button ng-click="deletePerson( person.id )">Delete</button>
            {{ person.name }} {{ person.phone }}
        </li>
    </ul>

</div>


<script src="js/angular.min.js"></script>
<script src="js/module/app.js"></script>
<script src="js/controllers/IndexController.js"></script>
</body>
</html>