在Angular和Ng bootstrap中,要从modal路由到另一个页面/组件,可以通过以下步骤实现:
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { Router } from '@angular/router';
constructor(private modalService: NgbModal, private router: Router) { }
openModal() {
const modalRef = this.modalService.open(ModalComponent); // 替换ModalComponent为你的modal组件
modalRef.result.then((result) => {
if (result === 'navigate') {
this.router.navigate(['/another-page']); // 替换'/another-page'为你要导航的页面路径
}
}).catch((error) => {
console.log(error);
});
}
<button (click)="openModal()">打开Modal</button>
这样,当点击打开Modal的按钮时,会弹出modal组件。在关闭modal时,如果传入的result为'navigate',则会导航到另一个页面/组件。
关于Angular和Ng bootstrap的更多信息,你可以参考以下链接:
请注意,以上答案仅供参考,具体实现方式可能因项目需求和版本差异而有所不同。
微搭低代码直播互动专栏
云+社区技术沙龙[第6期]
云+社区技术沙龙[第28期]
云+社区技术沙龙[第7期]
北极星训练营
云+社区技术沙龙[第8期]
云+社区技术沙龙[第22期]
领取专属 10元无门槛券
手把手带您无忧上云