Angular 2 - 传递组件

Angular 2 - Passing Components Around

我有两个网格,我们调用EmployeesCompanySummary。这两个都是组件,并且是我 AppComponent 的子项。

我有 Employees 网格设置,因此它是可编辑的,网格的最后一行是 Employee's 薪水的总和。现在,在 CompanySummary 网格中,我有一些静态行,但其中一行是我想来自 Employees 网格的 EmployeeSalaries。

我一直在尝试将 Employees 网格传递到 CompanySummary 网格,以便我可以调用 Employees.getTotalSalary(),但我不知道如何进行。在 AppComponent 中,有没有办法让 Employees 类型的 属性(绑定到网格)然后我可以将其作为输入绑定到 CompanySummary

您可以创建一个引用您的 Employees 组件的局部变量并将其传递到 CompanySummary

AppComponent 模板:

<employees #emp></employees>
<company-summary [employees]="emp"></company-summary>