Javascript angular 2使用angular渲染组件时单击事件不起作用

我正在尝试将单击事件添加到angular 2组件内的按钮：

.html文件

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

但是这个组件在jquery中呈现：

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

      });

订购时：

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

//包含按钮的组件

---

为什么不按预期工作？

是否使用*ngfor内的按钮？否按钮位于表中的最后一行，其他行使用*ngfor生成，但按钮不在*ngforits内应该工作。尝试创建plunker。如果有错误，会出现什么错误？

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