<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>
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 = ''; });