角度为12的引导5：在通过JavaScript获取/创建引导实例后，引导(导航、下拉)交互被阻止 [英] Bootstrap 5 with Angular 12 : bootstrap (navbar, dropdown) interactions are blocked after get/create bootstrap instances by JavaScript

问题描述

在我尝试在.ts文件中获取/创建引导实例之前，一切(导航栏、下拉列表)都运行得很好。当我插入GET/CREATE INSTANCE JS代码时，我无法在展开后折叠导航菜单，下拉菜单也无法工作！

以下是stackblitz

上的源代码

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

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

推荐答案

我发现solution在另一个问题中得到了回答，在该问题中，当创建一个模式实例时，下拉列表被破坏。在我的例子中，下拉菜单和导航栏都坏了！

而不是

import { Modal } from 'bootstrap';

需要

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

这篇关于角度为12的引导5：在通过JavaScript获取/创建引导实例后，引导(导航、下拉)交互被阻止的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！