angular 2 click event not working when render the component using angular

Question

I am trying to add click event to the button inside angular 2 component:

.html file

<td><button (click)="addProduct()" #add>Add</button></td>

and .ts file :

 addProduct()
 {
    console.log("new product added");
 }

but this component rendered inside a jquery:

$("#order").steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        autoFocus: true,

      });

where order:

<div id="order">
    <app-set-order></app-set-order> //component that contains the button 
</div>

why this is not works as expected?