AngularJS Example

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="arrCtrl">

<span style="cursor: pointer;" ng-click="getLetter('a')">a</span>
<span style="cursor: pointer;" ng-click="getLetter('b')">b</span>
<span style="cursor: pointer;" ng-click="remo()">clear</span>

<div style="background-color: grey;" ng-model="query">
	{{ inputstring }}&nbsp;
</div>

<div ng-repeat="x in cars | filter:query">
	{{ x }}
</div>	
</div>


</body>

JavaScript

var app = angular.module('myApp', []);
app.controller('arrCtrl', function($scope) {
    $scope.cars = ["Aston Martin", "Audi", "Bentley", "BMW", "Bugatti"];
    
    $scope.inputstring = "";
    $scope.inputstring = "";
       $scope.getLetter = function(letter) {

           $scope.inputstring += letter ;
       };
       $scope.remo = function() {
				$scope.inputstring = $scope.inputstring.slice(0, -1);
			};

});