bootstrap模式窗口不能在最新版本的bootstrap 4中工作

Question

我正在创建一个带有bootstrap 4的角度7应用程序。当我升级到bootstrap 4时，模态窗口已停止工作。有人可以告诉我问题是什么

我们一直在使用下面称为bs-modal的包装器

 <bs-modal #firmmodal [keyboard]="false" [backdrop]="'static'">
            <bs-modal-header>
                <h4 class="modal-title">Firm - {{ManagerStrategyDetails.FirmName}}
                    <div style="text-align: right"><button aria-label="Dismiss" class="close" style="margin-top: -20px" type="button" (click)="dismissFirmModal()">X</button></div>
                </h4>
            </bs-modal-header>
            <bs-modal-body>
                <mgr-firm></mgr-firm>
            </bs-modal-body>
            <bs-modal-footer [showDefaultButtons]="false"></bs-modal-footer>
        </bs-modal>

        <bs-modal #managermodal [keyboard]="false" [backdrop]="'static'">
            <bs-modal-header>
                <h4 class="modal-title">Manager - {{ManagerStrategyDetails.ManagerName}}
                    <div style="text-align: right"><button aria-label="Dismiss" class="close" style="margin-top: -20px" type="button" (click)="dismissManagerModal()">X</button></div>
                </h4>
            </bs-modal-header>
            <bs-modal-body>
                <mgr-manager [ManagerId] = 'ManagerId' ></mgr-manager>
            </bs-modal-body>
            <bs-modal-footer [showDefaultButtons]="false"></bs-modal-footer>
        </bs-modal>

零件

import { BsModalComponent } from 'ng2-bs3-modal';
    openFirmModal() {
            this.firmmodal.open();
        }

        dismissFirmModal() {
            this.firmmodal.dismiss();
        }

          openFundModal() {
                this.fundmodal.open();
            }

            dismissFundModal() {

                this.fundmodal.dismiss();
            }

Answer 1

在GitHub上有一个相关的，已关闭的问题：https://github.com/dougludlow/ng2-bs3-modal/issues/193

总之，他们没有提到立即计划支持bootstrap 4，但建议尝试ng2-bs4-modal。 https://github.com/maxfisher05/ng2-bs4-modal