Bootstrap 在添加了Material模块的项目中禁用引导模式对话框

92dk7w1h  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(1)|浏览(120)

我正在将我的基于 Bootstrap 的Angular 11项目转移到基于材质的项目。菜单,侧边和新的基于材质的组件运行良好。然而,我的旧的基于 Bootstrap 的组件有模态对话框从按钮按下开始显示为禁用,没有任何React。完全相同的代码运行良好,没有材料模块包括在内。
当我将材质组件MatButtonModule,MatExpansionModule,MatIconModule, MatListModule,MatMenuModule, MatSidenavModule, MatToolbarModule添加到菜单系统所需的app.module.ts时,另一个组件中基于Bootstrap的模态对话框立即停止工作(保持禁用状态)。
在这种情况下,同时使用Material和Bootstrap似乎有问题。是否可以避免这个问题,或者这是将当前所有基于Bootstrap的模态对话框移动到Material的唯一方法。

使用项目中材料模块的对话框

仅使用Bootstrap的相同对话框

g6ll5ycj

g6ll5ycj1#

我们在升级到Angular 14.2和ng-bootstrap 13.0(Angular /材质集成)时遇到了同样的问题。
目前,我们通过使用比1050更高的z索引覆盖样式中的模态类来解决这个问题。

相关问题