我正在将我的基于 Bootstrap 的Angular 11项目转移到基于材质的项目。菜单,侧边和新的基于材质的组件运行良好。然而,我的旧的基于 Bootstrap 的组件有模态对话框从按钮按下开始显示为禁用,没有任何React。完全相同的代码运行良好,没有材料模块包括在内。
当我将材质组件MatButtonModule,MatExpansionModule,MatIconModule, MatListModule,MatMenuModule, MatSidenavModule, MatToolbarModule
添加到菜单系统所需的app.module.ts
时,另一个组件中基于Bootstrap的模态对话框立即停止工作(保持禁用状态)。
在这种情况下,同时使用Material和Bootstrap似乎有问题。是否可以避免这个问题,或者这是将当前所有基于Bootstrap的模态对话框移动到Material的唯一方法。
使用项目中材料模块的对话框
仅使用Bootstrap的相同对话框
1条答案
按热度按时间g6ll5ycj1#
我们在升级到Angular 14.2和ng-bootstrap 13.0(Angular /材质集成)时遇到了同样的问题。
目前,我们通过使用比1050更高的z索引覆盖样式中的模态类来解决这个问题。