Untitled

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.5.7" data-semver="1.5.7" src="https://code.angularjs.org/1.5.7/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app = "app">
    <div ng-controller = "ctrl">
        <input type="text" ng-model="search">
        <span ng-repeat="data in records | filter:search">
          <span>{{data.name}}</span>
        </span> 
    </div>
  </body>

</html>

// Code goes here

var app = angular.module("app" , []);

app.controller('ctrl' , function($scope) {
  
  $scope.records =  [{name:'user1'},{name:'user2'},{name:'user3'},{name:'test1'}];
});

/* Styles go here */