title: [ag-grid]: Free text filter/ search bar above the grid
body: <p>I am new to angular so please accept my apologies if its basic question.
  I have a grid defined and it is getting row data from the database. I am trying to place a search bar above the grid to apply an additional free text filter on it. The grid already has column filters on it. Any help would be really appreciated. I am using  Here is my code</p>
  
  <pre><code>&lt;input class"search" placeholder="Search..." type="text" ng-model="search-model" ng-change="$ctrl.onFilterChanged(this.search)"/&gt;
  
  
  onFilterChanged(value){
     this.gridOptions.api.setQuickFilter(value);
    }
  </code></pre>
  
  <p>I have also looked into the external filter but I am not able to implement it as a free text. I am really struggling with it. Please help me out. Thank you so much.</p>