Filter multiple fields using single input in AngularJS

by Osama Qassar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
  <div>
    <div>
      <input type="text" placeholder="Search" ng-model="userSearch">
    </div>
  </div>
  
  <div>
    <div ng-repeat="user in users | filter:userSearch">
      <div>
        {{user.firstname}} {{user.lastname}}
      </div>
    </div>
  </div>
</body>

JavaScript

var app = angular.module("myApp", []);
  app.controller("myCtrl", function($scope) {

    $scope.users = [{
      firstname: 'Abhishek',
      lastname: 'Rana'
    }, {
      firstname: 'anky',
      lastname: 'singh'
    }, {
      firstname: 'Super',
      lastname: 'tramp'
    }, {
      firstname: 'rana',
      lastname: 'anky'
    }];
  });