Javascript 如何在angular 2中单击按钮将数据从一个组件发送到另一个组件

因此，我有以下代码在主页上显示表格，表格中的每一行有两个按钮，“编辑”和“删除”。因此，当我点击编辑按钮时，模态被打开。现在我的问题是，我需要在点击某个特定员工的按钮时将“员工id”传递给。我该怎么做？假设我有一个id为“101”的员工，想要编辑信息，如何在单击按钮时将此“101”传递给编辑模式组件，以便在我的模式中的文本框中填充该员工的详细信息

@Component({
      selector: 'ops-employee',
      pipes: [],
      styles: [],
      template: `
          <ops-addmodal [(open)]="addEmployeeOpen" (check)="updateEmployeeList($event)"></ops-addmodal>
          <ops-editmodal [(open)]="editEmployeeOpen" [data]="editId" (check)="editEmployeeList($event)">
          </ops-editmodal>
          <div class="col-md-8 col-md-offset-2">
          <h1> Employee Info </h1>
          <hr>
          <button class="btn btn-lg btn-primary" (click)="addEmployee()">Add</button>
          <table class="table table-striped">
           <thead>
            <tr>
              <th>Name</th>
              <th>Age</th>
              <th>Role</th>
              <th>Actions</th>
            </tr>
           </thead>
           <tbody>
            <tr *ngFor = "#employee of employeeDetails">
              <td>{{employee.empName}}</td>
              <td>{{employee.empAge}}</td>
              <td>{{employee.empRole}}</td>
              <td>
              <button class="btn btn-sm btn-default" (click)="editEmployee(employee.empId)">Edit</button>
              <button class="btn btn-sm btn-danger" (click)="deleteEmployee(employee.empId)">Delete</button>
              </td>
            </tr>
           </tbody>
          </table>
          </div>
        `,
      directives: [AddEmployeeModalComponent, EditEmployeeModalComponent, ModalComponent]
    })

@组件({
选择器：“ops员工”，
管道：[]，
样式：[]，
模板：`
员工信息

添加
名称
年龄
角色
行动
{{employee.empName}
{{employee.empAge}
{{employee.empRole}
编辑
删除
`,
指令：[AddEmployeeModalComponent，EditEmployeeModalComponent，ModalComponent]
})

据我所知，您有另一个组件可以打开模式来编辑您的员工

EditEmployeeModalComponent

，可能就是这个元素

非常感谢！好主意。。。我试图用@ViewChild来思考问题，但却被弄糊涂了。
export class MyComponent {

     @ViewChild('myEditModal')
     private _editModal:EditEmployeeModalComponent;

     editEmployee( employeeId:number ):void {
         this._editModal.open( employeeId );
     }
 }