Untitled

<!DOCTYPE html>
<html>
<head>
  <title>Apprentissage AngularJS</title>
</head>
<body ng-app>

  <input type="text" ng-model="query">

  <select ng-model="order">
    <option value="username">Organiser par nom</option>
    <option value="content">Oragniser par contenu</option>
  </select>

  <div ng-controller="CommentsCtrl">
    <div ng-repeat="comment in comments | filter:{content:query} | orderBy:order">{{comment.name}}:  {{comment.content}}</div>
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>

  <script>
  function CommentsCtrl($scope){
    $scope.comments = [
      {
        "name": "Dora",
        "city": "Forbestown",
        "email": "doramcdonald@kineticut.com",
        "content": "minim"
      },
      {
        "name": "Angelita",
        "city": "Deseret",
        "email": "angelitamcdonald@kineticut.com",
        "content": "excepteur"
      },
      {
        "name": "Wanda",
        "city": "Gerton",
        "email": "wandamcdonald@kineticut.com",
        "content": "fugiat"
      },
      {
        "name": "Mack",
        "city": "Townsend",
        "email": "mackmcdonald@kineticut.com",
        "content": "sit"
      },
      {
        "name": "Natalia",
        "city": "Mapletown",
        "email": "nataliamcdonald@kineticut.com",
        "content": "esse"
      },
      {
        "name": "Winters",
        "city": "Graniteville",
        "email": "wintersmcdonald@kineticut.com",
        "content": "labore"
      }
    ];
  }
  </script>
</body>
</html>