我目前正在与Ng-Boostrap's modal合作。
在模态中,我有一个反应形式。
由于某种原因,当我单击关闭按钮,提交按钮或在模态区域之外单击以关闭/关闭模态时,将导致页面在模态关闭后一直滚动到顶部。
我可以知道是否有人遇到过类似的问题,并且有解决方案吗?我绝对不希望将其滚动到页面顶部。
这是我在component.html上的模态代码:
<!--begin::Modal-->
<ng-template #content let-d="dismiss">
<div class="modal-header">
<h4 class="modal-title" id="product-allocation-settings">Product Allocation</h4>
<button type="button" class="close" aria-label="Close" (click)="d('Cross click')">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form [formGroup]="productAllocationForm">
<!-- other irrelevant form fields -->
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-dark" (click)="d('Submit')">Submit</button>
</div>
</ng-template>
<!--end::Modal-->
在我的component.ts上,它处理模态内表单的提交。这也关闭了模态。
this.modalService.open(content, { size: 'lg', centered: true }).result.then(() => {
}, (reason) => {
if (reason === 'Submit') {
this.save();
}
});
我尝试了以下解决方案,但似乎没有任何运气。