Angular: Filtering list SIMPLE

Angular: Filtering list SIMPLE

by Andrew Pougher

HTML

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

<p>Filtering input:</p>

<p><input type="text" ng-model="test"></p>

<ul>
  <li ng-repeat="x in names | filter:test | orderBy:'country'">
    {{ (x.name | uppercase) + ', ' + x.country }}
  </li>
</ul>

</div>

JavaScript

angular.module('myApp', []).controller('namesController', ['$scope', function($scope) {
    $scope.names = [
        {name:'Andrew',country:'Switzerland', dob :"11/5/1971"},
        {name:'Pougher',country:'Biel', dob :"MAY"},
        {name:'Roysten',country:'USA', dob :"Taurus"}
    ];
}]);