弹框:
用一个组件
<ks-add-edit *ngIf="isShowAdd"
(eventClose)="cancelAdd($event);"></ks-add-edit>
弹框中的确认和取消只用一个函数eventClose就够了(根据传递的参数,判断是否刷新列表)。eg:
// 取消
cancel(){
this.eventClose.emit("cancel");
}
// 确认
save(){
// 校验和新增接口,然后在ajax成功后用下面这个关闭
// ok的时候,是要隐藏弹框,再执行刷新列表的;cancel的时候,只是隐藏弹框
this.eventClose.emit("ok");
}
父组件中的取消按钮:
// 取消
cancelAdd(e) {
console.log("关闭后传递的参数:", e);
this.isShowAdd = false;
if (e == "ok") {
this.search(); // 如果是新增成功,那么search函数执行一次
}
}