Angular 2 - 传递组件
Angular 2 - Passing Components Around
我有两个网格,我们调用Employees
和CompanySummary
。这两个都是组件,并且是我 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>
我有两个网格,我们调用Employees
和CompanySummary
。这两个都是组件,并且是我 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>