AndrewO/app.js

## app.js
var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.dudes=[
    {name:'Leonardo'},
    {name:'Donatello'},
    {name:'Raphael'},
    {name:'Michaelango'}
  ];
});

## index.html
<body ng-controller="MainCtrl">
  <form>
    <button ng-click="dudes.push({})">Add</button>
    <ul ng-repeat="dude in dudes">
      <li>
        <input ng-model="dude.name"/>
        <!--
          Don't forget that ng-repeat gives you boolean variables telling you
          if you're in the $first or $last iteration. This is often useful if
          you want to enable/disable certain actions or show/hide things for
          only the beginning and end of the list.

        <span ng-show="$first">The first dude.</span>
        <span ng-show="$last">The last dude.</span>
        -->
        <button ng-click="dudes.splice($index,1)">Delete</button>
      </li>
    </ul>
  </form>
  <pre><code>{{dudes|json}}</code></pre>
</body>
	var app = angular.module('plunker', []);

	app.controller('MainCtrl', function($scope) {
	$scope.dudes=[
	{name:'Leonardo'},
	{name:'Donatello'},
	{name:'Raphael'},
	{name:'Michaelango'}
	];
	});
	<body ng-controller="MainCtrl">
	<form>
	<button ng-click="dudes.push({})">Add</button>
	<ul ng-repeat="dude in dudes">
	<li>
	<input ng-model="dude.name"/>
	<!--
	Don't forget that ng-repeat gives you boolean variables telling you
	if you're in the $first or $last iteration. This is often useful if
	you want to enable/disable certain actions or show/hide things for
	only the beginning and end of the list.

	<span ng-show="$first">The first dude.</span>
	<span ng-show="$last">The last dude.</span>
	-->
	<button ng-click="dudes.splice($index,1)">Delete</button>
	</li>
	</ul>
	</form>
	<pre><code>{{dudes\|json}}</code></pre>
	</body>