提交表单到弹出窗口后如何关闭ng-template弹出窗口？
提交表单到弹出窗口后如何关闭ng-template弹出窗口？
提问于 2018-01-18 18:35:17
我使用最新的Angular版本和ng-bootstrap在我的主组件中创建了一些弹出窗口：
<ng-template #content let-c="close" let-d="dismiss">
<div class="modal-body">
<app-access-form></app-access-form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="c('Close click')">Close popup</button>
</div>
</ng-template>接下来，我创建了access-form模块，如：
<form (ngSubmit)="onSubmit()" #accessForm="ngForm">
<div class="form-group">
<label for="status">Статус</label>
<input type="number" class="form-control" id="status" name="status" required [(ngModel)]="model.status">
</div>
<button type="submit" class="btn btn-success">Save</button>
如果form被替换，我会尝试：
onSubmit(): void {
this.submitted = true;
this.accessService.addAccess(this.model).subscribe( () );
}accessService.addAccess发送到接口。
如何在表单提交后关闭弹出窗口？我可以在不同的模块中做这件事吗？
回答 1
Stack Overflow用户
发布于 2018-01-18 18:53:26
在你的component.html中
<button type="button" class="btn btn-outline-dark" (click)="onClick()">Close popup</button>在你的component.ts中
@ViewChild('div') public popover: NgbPopover;
onClick() {
this.popover.close();
}请查看this！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48328118
复制相关文章
相似问题
腾讯云开发者
