<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8" />
    <title>Exemple 1 du filtre filter</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body ng-app="filterExample">
    <div ng-controller="filterController">
      <p>
        Chaîne de caractères à chercher : 
        <input type="text" ng-model="searchText" />
      </p>
      <table>
        <tbody>
          <tr>
            <th>Nom</th>
            <th>Âge</th>
            <th>Téléphone</th>
          </tr>
          <tr ng-repeat="ami in amis | filter:searchText">
            <td>{{ami.nom}}</td>
            <td>{{ami.age}}</td>
            <td>{{ami.tel}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>

</html>
# Exemple 1 du filtre filter
### *par TutorielAngularJS*

Exemple basique en utilisant une chaîne de caractères pour filtrer le tableau. 
Prédicat utilisé :
`searchText`
----
Pour plus d'infos, voir [Les filtres  - Tutoriel AngularJS](http://www.tutoriel-angularjs.fr/tutoriel/2-utilisation-complete-d-angularjs/2-les-filtres#filter)
'use strict';
angular.module('filterExample', [])
  .controller('filterController', ['$scope', function($scope) {
    $scope.amis =
        [{nom:'John', tel:'01-23-45-67-89', age:10},
         {nom:'Mary', tel:'02-34-56-78-91', age:19},
         {nom:'Mike', tel:'03-45-67-89-12', age:21},
         {nom:'Adam', tel:'04-56-78-91-23', age:35},
         {nom:'Julie', tel:'05-67-89-12-34', age:29}];
  }]);