There is an example in this resource . Make a repo and load the page in a browser.
Basically, you can rely on the filterChanged event. Assuming you have a search bar in HTML:
<input type="text" ng-model="filteringText" placeholder="Search..." class="search-query"/>
The JavaScript part will look like this:
// Initialize $scope.filteringText = ''; $scope.filterOptions = { filterText: 'filteringText', useExternalFilter: false }; // Configure ng-grid. $scope.gridOptions = { ... filterOptions: $scope.filterOptions, ... }; $scope.$on('filterChanged', function (evt, text) { console.log(text); $scope.filteringText = text; });
source share