angular - Bootstrap 5 与 Angular 12：通过 JavaScript 获取/创建引导实例后，引导（导航栏、下拉菜单）交互被阻止

Question

在我尝试在 .ts 文件中获取/创建引导实例之前，一切（导航栏、下拉菜单）都可以正常工作。当我插入获取/创建实例 js 代码时，我无法在展开后折叠导航菜单，并且下拉菜单也不起作用！

这是stackblitz上的源代码

如果您注释掉以下代码部分，一切正常！

 var modal = new Modal('#updatePwaModal');
 modal.show();

标签： angularbootstrap-5

Answer 1

我找到了在另一个问题中回答的解决方案，该问题在创建模式实例时下拉列表被破坏。就我而言，下拉菜单和导航栏都坏了！

而不是

import { Modal } from 'bootstrap';

需要

import { Modal } from 'bootstrap/js/dist/modal';