如何从Angular2中的Modal中删除所选复选框并将其显示在页面中，反之亦然

Question

我的页面中有一个添加按钮，单击其中会出现一个模式，其中包含一个复选框列表。用户可以选择复选框选项。 模态有“保存”和“取消”按钮。当我单击“保存”按钮并选中了一些复选框时，我希望从模态中删除所选复选框，并在模式关闭后显示在页面上并删除选项。当我单击时在页面中删除链接时，复选框应通过取消选中再次添加到模式中。 现在，所选的复选框将从模式中删除，但不会出现在包含我的代码的页面上。

我为模式创建了一个组件，其中填充复选框的代码是 -

<div class="modal-body">
<tr *ngFor= "let names of org.employees">
<td>
<md-checkbox [(ngModel)]="names.checked" name="{{names.firstName}}"></md-checkbox>
</td>
</tr>
</div>
<div class="modal-footer">
<button class="save" (click)="saveModal()">SAVE</button>
<button class="close" (click)="closeModal()">CLOSE</button>
</div>

在.ts文件中 -

saveModal(){
(this.org)=this.modifyOnCheck(this.org);
this.showModal=false;
}

modifyOnCheck(emp_json:any){
var newEmpJson=emp_json;
for (var i in emp_json.employees){
if(emp_json.employees[i].checked){
(emp_json.employees[i].splice(i,1);
newEmpJson=this.modifyOnCheck(emp_json);
}
}
return newEmpJson;
}