概述
弹框：
用一个组件
<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函数执行一次
}
}
最后
以上就是怕孤单黑裤为你收集整理的编辑用弹框和行内的全部内容，希望文章能够帮你解决编辑用弹框和行内所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复