web-dev-qa-db-fra.com

=Bootstrap Bouton Dropdowns ne fonctionne pas avec Angular 8 Composant

J'essaie de montrer le menu déroulant à l'aide de la classe bootstrap4.3, mais après avoir sélectionné le menu, rien ne se produira i MA UTILISATION angular 8.

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>
cssangulardrop-down-menubootstrap-4angular8
5
Dnyaneshwar Suryawanshi

Les dépendances de bootstrap sont popaper.js et jQuery. Une fois que vous avez installé bootstrap dans votre angular, il vous montrera les dépendances, puis installez-les et ajoutez-les dans votre fichier angular.json dans les scripts (voir le en dessous de la photo). Les versions compatibles sont [email protected] (la question déroulante fixée dans cette version) et [email protected]

Nous pouvons installer des dépendances (Popper.js pour la fonctionnalité déroulante), ce n'est pas un problème.

enter image description here

Alors maintenant, la liste déroulante fonctionnera. Vous n'avez pas à utiliser une autre bibliothèque/gestionnaire de paquets tiers pour cela si elle est nouvelle.

Merci.

0
Manoj Maduri