Angular Filter Search Sample

by M.Zeki Osmancık

HTML

<div ng-app ng-controller="mezoBlogCtrl">
  <input type="text" ng-model="companySearch"/>
  <br/>
    <div ng-repeat="company in companyList.companies | filter:companySearch">
    {{company.CompanyName}}
    </div>
</div>

JavaScript

function mezoBlogCtrl($scope) {
   $scope.companyList = {
            "companies": [{
                "CompanyID": "1",
                "CompanyName": "abc Company"
            }, {
                "CompanyID": "2",
                "CompanyName": "123 Company"
            }, {
                "CompanyID": "3",
                "CompanyName": "xyz Company"
            }]
        };
}