弹框：
用一个组件
<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函数执行一次
}
}
最后
以上就是怕孤单黑裤最近收集整理的关于编辑用弹框和行内的全部内容，更多相关编辑用弹框和行内内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复