title: How to listen sortChange(event) on Angular for ag-Grid?
body: <p>I have very basic example here:
  <a href="https://stackblitz.com/edit/angular-ag-grid-angular-cwvpic?file=app/my-grid-application/my-grid-application.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-ag-grid-angular-cwvpic?file=app/my-grid-application/my-grid-application.component.ts</a></p>
  
  <p>In this <code>ag-grid</code> I want to print which column clicked and ordered in what way.To do that basically I found method <code>sortChange(event)</code> on official docs.But I couldn't find a way to implement this method.Here what I tried.</p>
  
  <pre><code> sortChange(event){
        console.log(event);
      }
  
  &lt;div style="width: 200px;"&gt;
      &lt;ag-grid-angular
       (sortChange)="sortChange($event)" 
       #agGrid style="width: 100%; height: 200px;" 
      class="ag-theme-fresh" [gridOptions]="gridOptions"&gt;
      &lt;/ag-grid-angular&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Unfortunately this didn't work.It prints nothing.Do you know how I can listen sort changes on each column with column name?</p>