try this
<!DOCTYPE html>
<html lang="en-US">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<!--
<script>
var app = angular.module('myapp', []);
app.controller('myctrl', myfun);
function myfun($scope) {
$scope.items = [{ Name: 'apple' }, { Name: 'banana' }, { Name: 'carrot' }, { Name: 'drumstick' }, { Name: 'egg' }];
$scope.disablethis = function (btn) {
btn.target.disabled = true;
}
}
</script>
</head>
<body ng-controller="myctrl" ng-app="myapp">
<ul>
<li ng-repeat="item in items">
<button ng-click="disablethis($event)">{{item.Name}}</button>
</li>
</ul>
</body>
</html>
demo:
JSFiddle[
^]