Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <input type="text" ng-model="enteredName" />
    <button ng-click="addName()">Add</button>
    <ul>
        <li ng-repeat="name in names">
            {{ name }}
            <button ng-click="removeName(name)">&times;</button>
        </li>
    </ul>
</div>

JavaScript

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

function MyCtrl($scope) {
    $scope.names = ['batman', 'grumpy', 'yulu'];
    
    $scope.addName = function(){
        $scope.names.unshift($scope.enteredName);   
    }
    
    $scope.removeName = function(name) {
        var i = $scope.names.indexOf(name);
        $scope.names.splice(i, 1);
    }
}