Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-controller="MyCtrl">
    <div ng-repeat="user in data">
      {{ user.name}}
      <button ng-hide="hide[$index]" ng-click="add();hide[$index] = true;">
        Add
      </button>
    </div>
</div>

JavaScript

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

myApp.controller('MyCtrl', function ($scope) {

		$scope.add = function () {
    	console.log('add');
    }
    
    $scope.data = [{
    	name: 'frank'
    },{
    	name: 'peter'
    },{
    	name: 'melanie'
    },{
    	name: 'sven'
    },{
    	name: 'basti'
    },{
    	name: 'edjuh'
    }];
});