如何在函数中使用JavaScript触发bootstrap5数据

我试图在angular中使用JavaScript关闭/隐藏bootstrap5模式，问题是bootstrap中的隐藏函数不知怎么地不起作用，所以我试图做的是单击一个有数据的按钮，如果我手动单击它，它就起作用，但是如果我试图通过JavaScript来执行它，它就不起作用

试验

document.getElementById（'modalDismiss'）。单击（）；//糟糕的
新建window.bootstrap.Modal（document.getElementById（'modalId'））.hide（）//尝试同样的问题：(
new window.bootstrap.Modal（document.getElementById（'modalId'））.show（）；//尝试显示模式工作正常，我不知道为什么隐藏函数对我不起作用。

我跟踪了

modalDismiss

的click事件，发现关闭modalDismiss的事件

我不知道这是否与问题有关。

在本教程中完成演示

基本上，您需要从

import{modal}从'bootstrap'；

导入模态类

当模态打开时，您需要将模态引用指定给该模态类，然后创建新实例

 open(element: any): void {
   this.modalDirect = new Modal(element, {});
   this.modalDirect.show();
 }

然后，当你们点击关闭按钮，然后调用这个关闭方法

close() {
  this.modalDirect.hide();
}

---

完整的代码你可以在附加的stackblitz lik中找到。

不要在angular中使用bootstrap JS，这里有angular bootstrap i.g.ng bootstrap的单独好包。请检查。我不能使用其他库，因为网站已经建立在bootstrap5@MahmoudSkafi如何关闭模态？我需要通过JavaScript关闭模态