Question

我在使用 Angular bootstrap 时遇到问题，想知道是否有人遇到过类似问题并且可以提供帮助？

我有：

按照网站上的说明进行操作 Like so

我已确保在使用时将 @import 添加到我的样式文件中 SCSS，我什至尝试将 CSS 添加到我的样式部分 angular.JSON
创建了一个模块导入文件，我将其导入到主文件中
模块，这将包含所有单独的导入（现在它只是 NGBD下拉）
检查版本

这是代码，然后是结果：

      <div ngbDropdown class="d-inline-block">
        <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
        <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
          <button ngbDropdownItem>Action - 1</button>
          <button ngbDropdownItem>Another Action</button>
          <button ngbDropdownItem>Something else is here</button>
        </div>
      </div>

Don't mind the colors

它也根本不起作用- 它显然坏了，因为下拉项在外面，而下拉按钮什么也不做。

Answer 1

我使用 Angular 和 Ng-bootstrap 为您的代码制作了一个工作示例。从正在运行的 Stackblitz 中查找与您的项目不同的地方。如果您正确导入 Ng-boostrap，您发布的代码就可以工作。 Dropdown menu Ng-bootstrap Stackblitz

Ng-Bootstrap（Angular Bootstrap）无法正常工作

1 个答案: