angularJS filters

by Hakan Özakar

HTML

<div data-ng-app="ngApp" data-ng-controller="ngCtrl">
  <table border="1" cellpadding="5" cellspacing="0">
    <tr>
      <th>Marka</th>
      <th>Model</th>
    </tr>
    <tr data-ng-repeat="x in motosiklet | orderBy: sira | filter: filtre">
      <td data-ng-bind="x.marka | uppercase"></td>
      <td data-ng-bind="x.model"></td>
    </tr>
  </table>
  <p>
    Sırala:
    <select data-ng-model="sira">
      <option>marka</option>
      <option>model</option>
    </select>
  </p>
  <p>
    Filtrele:
    <input type="text" data-ng-model="filtre" />
  </p>
</div>

JavaScript

var app = angular.module("ngApp", []);

app.controller("ngCtrl", function($scope) {
  $scope.motosiklet = [
    { 'marka' : 'Yamaha', 'model' : 'VStar 650' },
    { 'marka' : 'Yamaha', 'model' : 'VStar 1100' },
    { 'marka' : 'Honda', 'model' : 'Shadow 750C' },
    { 'marka' : 'Honda', 'model' : 'Shadow 600' },
    { 'marka' : 'Kawasaki', 'model' : 'W800' },
    { 'marka' : 'Kawasaki', 'model' : 'VN800' },
    { 'marka' : 'Kawasaki', 'model' : 'Drifter' },
    { 'marka' : 'Harley&Davidson', 'model' : 'Sportster' },
    { 'marka' : 'Harley&Davidson', 'model' : 'FatBoy' }
  ];
  $scope.sira = 'marka';
  $scope.filtre = '';
});