title: How to bind an click event for mat-step-header
body: <p>I want to trigger a function when user clicks on <code>mat-step-header</code></p>
  
  <p>I've tried adding <code>(click)</code> on <code>&lt;ng-template matStepLabel&gt;&lt;span (click)="triggerClick()"&gt;step 1&lt;/span&gt;&lt;/ng-template&gt;</code>
  but it's triggering only on the click of <code>label</code> which will not be helpful for my case.</p>
  
  <p>I want to trigger a function when user click on any of the <code>mat-step-header</code> if it returns the index of clicked step it will be helpful.</p>