ngx-bootstrap下拉菜单放置

Question

我正在尝试为Bootstrap4组件重新创建基本的dropright示例:使用Angular 6和ngx-bootstrap的https://getbootstrap.com/docs/4.1/components/dropdowns/#dropright (在撰写本文时为3.0.1)。我已经找到了让dropdown打开down (标准)或up (dropup)的解决方案，但dropright不起作用。

https://stackblitz.com/edit/ngx-bootstrap-dropdownplacement

在文档中，似乎有一个“位置”输入-- https://valor-software.com/ngx-bootstrap/#/dropdowns#dropdown-directive --但没有这样的例子，我尝试将它附加到dropdown、dropdownToggle或*dropdownMenu中的任何一个元素上。基本上，这是侧边栏菜单的一个重要部分，其中的子菜单是向右的。

谁能给我指出正确的方向，让dropright功能与ngx-bootstrap一起工作？

旁白:我已经设法用ng-bootstrap实现了这一点，但如果没有必要的话，我不会想要切换包。

Answer 1

我明白你的意思，但我认为这是由于引导程序版本造成的。https://getbootstrap.com/docs/4.1/components/dropdowns/#dropright如果你检查这个url，你会发现他们使用的是bootstrap v.4.1，而你使用的是ngx-bootstrap，两者都有不同的CSS类，这就是为什么你要面对这个问题。

如果你想解决这个问题。请执行以下几个步骤：

1) https://www.npmjs.com/package/bootstrap (npm安装引导)

2)而不是包含在angular-cli.json文件中，如-

"styles": [
   "../node_modules/bootstrap/dist/css/bootstrap.min.css",
   "styles.css"
],

3)从app.module.ts文件中删除BsDropdownModule

如果我错过了什么，请告诉我

谢谢!！

Answer 2

我找到了解决方案，使放置工作。您应该添加container="body"，当然还有placement="top right"。尽管它并不像预期的那样工作

要在顶部显示它，请使用[dropup]="true"