(click) function not showing up in button table

[francisalfanta]

Expected behavior

from your example you have advance table with the following column for button

<td class="mdl-data-table__cell--non-numeric">
       <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal">Add to
              cart
       </button>
 </td>

I added my (click)="createTrx" in

<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal" (click)="createTrx">Add to
              cart
</button>

Actual behavior

But you have output html like this

<td _ngcontent-ldk-c105="" class="mdl-data-table__cell--non-numeric">
  <button _ngcontent-ldk-c105="" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect button--colored-teal" data-upgraded=",MaterialButton,MaterialRipple">Add to cart 
  <span class="mdl-button__ripple-container"><span class="mdl-ripple"></span></span>
</button>
</td>

Steps to reproduce the behavior

Relevant code

Environment description

How can I add my click function?