如何从Angular2模式中删除所选复选框并在页面中显示，反之亦然

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

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

<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>

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;
}