title: How to get the id of clicked mat-button instead of mat-button wrapper?
body: <p>I am using <strong>material</strong> design in my <strong>Angular7</strong> project.There is a click event on  a mat-button.</p>
  
  <pre><code>  itemclick(event: Event) {
   //to know the id of clicked element,ie button
   let elementId: string = (event.target as Element).id;
   console.log(elementId);
   }
  </code></pre>
  
  <p>here is the HTML</p>
  
  <pre><code>&lt;button mat-button color="primary" id="test1" (click)="itemclick($event)" style="outline: none"&gt;Property1&lt;/button&gt;
  </code></pre>
  
  <p>But I dont get the id always, because the (event.target) keeps changing randomly between mat-button(case in which id=test1) and mat-button-wrapper(case in which id is null).</p>
  
  <p>How to solve this?
  Thanks in advance.</p>