typescript - Angular 2 Bootstrap (ngx-bootstrap/ng2-bootstrap) rullgardinsmeny fungerar inte

Jag kan bara få Angular Bootstrap-dropdowns att fungera i en del av min applikation. Jag är inte säker på varför det fungerar där och inte på andra ställen. I min modul importerar jag med BsDropdownModule.forRoot() precis som det är där det fungerar. Jag har försökt klistra in HTML från flera av deras exempel... Inget. Jag vet att det fungerade där tidigare, och jag minns inte att jag ändrat något som hade med det att göra.

Jag får inga fel och jag är inte exakt säker på hur jag ska fortsätta med felsökningen av detta problem. Jag märkte problemet med ng2-bootstrap, så jag uppgraderade till ngx-bootstrap. Samma problem.

Svar #1

Se till att dina versioner av Angular och Bootstrap är kompatibla. Det hände när jag använde Angular 4 med ng2-bootstrap 1.6.x. Ännu bättre, istället för ng2-bootstrap bör du använda ngx-bootstrap. För att få dropdownmenyn att fungera, lägg till attributet container:

<div class="btn-group" dropdown  container="body"></div>

Svar #2

Jag klurade ut problemet. Dropdown-menyerna fungerade faktiskt. Problemet var att av någon anledning placerade y-positionen (top) för .dropdownMenu den utanför gränserna för containern den befann sig i, där den inte kunde ses. Jag är fortfarande inte säker på varför DET händer, men åtminstone har jag något att utgå ifrån.