Ok Thanks! On Friday, June 27, 2014 9:58:15 AM UTC-5, Karol Siwek wrote: > > You use filters in "ng-repeat", like this: > > <tr ng-repeat="item in $data | filter: 'text'" > > > > > check it here: https://docs.angularjs.org/api/ng/filter/filter > > > W dniu czwartek, 26 czerwca 2014 02:55:44 UTC+2 użytkownik > [email protected] napisał: >> >> How can we add a simple search box to use in conjunction with ngTable? >> >> >> app.controller('ModelPagingCtrl', function ($scope, ngTableParams, >> $filter, $http, DataService, helloWorldFromService, helloWorldFromFactory) { >> >> >> DataService.getModels().then(function (data) { >> console.log("GetModels Worked"); >> $scope.data = data.d; >> >> $scope.tableParams = new ngTableParams({ >> page: 1, >> count: 10, >> filter: { >> ModelNum: '' >> }, >> sorting: >> { >> ModelNum: 'asc' >> } >> }, { >> total: $scope.data.length, // length of data >> getData: function ($defer, params) { >> // use build-in angular filter >> var filteredData = params.filter() ? >> $filter('filter')($scope.data, >> params.filter()) : >> $scope.data; >> >> var orderedData = params.sorting() ? >> $filter('orderBy')(filteredData, >> params.orderBy()) : >> $scope.data; >> >> params.total(orderedData.length); >> $defer.resolve(orderedData.slice((params.page() - 1) * >> params.count(), params.page() * params.count())); >> } >> >> >> >> }, function (error) { >> console.log('errror', error); >> }); >> }); >> >> >> >> html >> >> >> <table class="table" ng-table="tableParams" show-filter="true" > >> <tr ng-repeat="item in $data" > >> >> >> <td data-title="'ModelNum'" sortable="'ModelNum'" filter="{ >> 'ModelNum': 'text' }"> >> {{item.ModelNum}} >> >> </td> >> >> <td><strong>Year:</strong><p>{{item.Year}}</p> >> <strong>Price:</strong><p>{{item.Price}}</p> >> <p>{{item.Features}}</p> >> </td> >> >> </tr> >> </table> >> >> >>
-- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
