我刚刚开始使用Angular 4，我喜欢离散可重用组件的想法。我试图看看是否还能减少我写的重复代码量。
举个例子。假设我有一个供应商组件，其supplier-table.component.ts为我的供应商提供可排序和可搜索的表。我可能希望将该表包含在我站点的不同部分，但根据用户所在的页面，我想在用户单击供应商名称时触发不同的功能。
查找采购订单页面上的供应商表打开供应商列表
查找发票页面上的供应商表打开供应商发票清单。
答案 0 :(得分：0)
假设您有一个supplier-table.ts组件，其中包含supplier-table模板。在您的主模块模板中说app.component.html您包含模板：
<supplier-table #t1> </supplier-table>
在点击事件中，您可以根据要求调用t1.x()或t1.y()。相应的函数（本例中为x()＆amp; y()）将在supplier-table组件中生成supplier-table的不同版本。