jepzen/contacts.html

## contacts.html
<!DOCTYPE html>
<html>
  <head>
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  </head>

  <body>

    <div ng-app="myApp" ng-controller="personCtrl">
      <h2>People</h2>

      <ul>
          <li ng-repeat="person in contacts">
              <span>{{person.lastName}}, {{person.firstName}}</span>
              <button ng-click="delete($index)">Delete</button>
          </li>
        </ul>
        <input type="text" ng-model="firstName" size="30" placeholder="First name">
        <input type="text" ng-model="lastName" size="30" placeholder="Last name">
        <input class="btn-primary" type="button" ng-click="addNew()" value="add">

    </div>

    <script>

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

      app.controller('personCtrl', function($scope) {
         $scope.contacts = [
             { firstName: 'John', lastName: 'Mogensen' },
             { firstName: 'John', lastName: 'Rambo' }
         ];

        $scope.addNew = function () {
          $scope.contacts.push({ firstName: $scope.firstName, lastName: $scope.lastName });
          $scope.firstName = '';
          $scope.lastName = '';
        };

          $scope.delete = function (idx) {
            $scope.contacts.splice(idx, 1);
          }

      });

    </script>

  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
	</head>

	<body>

	<div ng-app="myApp" ng-controller="personCtrl">
	<h2>People</h2>

	<ul>
	<li ng-repeat="person in contacts">
	<span>{{person.lastName}}, {{person.firstName}}</span>
	<button ng-click="delete($index)">Delete</button>
	</li>
	</ul>
	<input type="text" ng-model="firstName" size="30" placeholder="First name">
	<input type="text" ng-model="lastName" size="30" placeholder="Last name">
	<input class="btn-primary" type="button" ng-click="addNew()" value="add">

	</div>

	<script>

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

	app.controller('personCtrl', function($scope) {
	$scope.contacts = [
	{ firstName: 'John', lastName: 'Mogensen' },
	{ firstName: 'John', lastName: 'Rambo' }
	];

	$scope.addNew = function () {
	$scope.contacts.push({ firstName: $scope.firstName, lastName: $scope.lastName });
	$scope.firstName = '';
	$scope.lastName = '';
	};

	$scope.delete = function (idx) {
	$scope.contacts.splice(idx, 1);
	}

	});

	</script>

	</body>
	</html>