Search Data Using Angular JS

by Rajeesh Menoth

HTML

<title> Using AngularJS Directives and Data Binding</title>
<div data-ng-app="SearchData">

  <div data-ng-controller="Simple">
    Name:
    <br />
    <input type="text" data-ng-model="name" />
    <br />
    <ul>
      <li data-ng-repeat="cust in customers | filter:name | orderBy:'city'">
        {{cust.name}} - {{cust.city}}
      </li>
    </ul>
  </div>

</div>

JavaScript

var app = angular.module('SearchData', []);
app.controller('Simple', function Simple($scope) {
  $scope.customers = [{
    name: 'paul',
    city: 'mumbai'
  }, {
    name: 'kicha',
    city: 'africa'
  }, {
    name: 'ram',
    city: 'nigeria'
  }];
});