我正在使用 NgbModal,默认情况下,Modal 在打开时从上到下打开。是否可以让它从右到左显示。我已经设置了定位,以便...
我正在使用 NgbModal,默认情况下 Modal 是从上到下打开的。是否可以让它从右到左显示。我已经设置了定位,使其位于屏幕的右上角。但无法确定打开的方向
我查看了他们的 API,但找不到方向选项。https https://ng-bootstrap.github.io/#/components/modal/examples
这是 stackblitz ,这可能是一个最小可重现的例子
我还发现 这个答案 使用纯引导程序而不是像 ng bootstrap 这样的抽象,所以不确定它如何应用于 NgbModal
<ng-template #content let-modal>
<div class="modal-header">
<h4 class="modal-title" id="modal-basic-title">Profile update</h4>
<button type="button" class="btn-close" aria-label="Close" (click)="modal.dismiss('Crossclick')"></button>
</div>
<div class="modal-body">Modal Content</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" (click)="modal.close('Save click')">
Save
</button>
</div>
</ng-template>
<button class="btn btn-lg btn-outline-primary" (click)="open(content)">
Launch demo modal
</button>
<hr />
<pre>{{ closeResult }}</pre>
open(content: TemplateRef<any>) {
this.modalService
.open(content, {
ariaLabelledBy: 'modal-basic-title',
animation: true,
})
.result.then(
(result) => {
this.closeResult = `Closed with: ${result}`;
},
(reason) => {
this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;
}
);
}
非常感谢帮助
NgbModal 如何使模式从右到左出现,而不是默认的从上到下出现
下载声明:
本站所有软件和资料均为软件作者提供或网友推荐发布而来,仅供学习和研究使用,不得用于任何商业用途。如本站不慎侵犯你的版权请联系我,我将及时处理,并撤下相关内容!