当我在角度使用 mdbootstrap 下拉菜单时出现问题答案

【问题标题】：problem when I use mdbootstrap dropdown in angular当我在角度使用 mdbootstrap 下拉菜单时出现问题
【发布时间】：2019-12-15 00:02:27
【问题描述】：

我有一个没有 JQuery 库的 Angular 项目。我想对角度使用 mdbootstrap 下拉菜单。我在页面中使用了代码： https://mdbootstrap.com/docs/angular/components/dropdowns/ 我复制并粘贴了它的 html 代码，如下所示：

<div class="btn-group" mdbDropdown>
  <button mdbDropdownToggle type="button" mdbBtn color="primary" class="dropdown-toggle waves-light"
    mdbWavesEffect>
    Basic dropdown
  </button>

  <div class="dropdown-menu dropdown-primary">
    <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 class="divider dropdown-divider"></div>
    <a class="dropdown-item" href="#">Separated link</a>
  </div>
</div>

但是当我点击按钮时，菜单没有显示出来。

【问题讨论】：

请分享一个sn-p

标签： html css angular mdbootstrap

【解决方案1】：

请检查您是否添加了正确的 jQuery CDN，如果没有，请查看此站点的详细信息https://mdbootstrap.com/docs/angular/components/demo/

【讨论】：

我知道如果我添加 jquery 可能会解决这个问题。但我不想添加 Jquery。所以如果我不添加 jquery ，我不能解决这个问题吗？
或者如果需要的话，只需在悬停时使用带有 html 和 CSS 的简单下拉菜单，请查看下面的链接 codepen.io/sridhar-the-looper/pen/gOYPBEG