Question

我对下拉按钮有疑问。这是我从示例中复制的代码；

        <!--adjustbtn is a class that I made that gives some css to button-->
        <button class="dropdown adjustbtn" style="border-radius: 5px; box-shadow: none;">
            <a class="dropdown-toggle" data-toggle="dropdown" role="button" 
            aria-haspopup="true" aria-expanded="false" style="color:white">
                Dropdown Button
            </a>
            <div class="dropdown-menu">
                <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="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Separated link</a>
            </div>
        </button>

在该示例中，此方法工作正常，但是当我单击该按钮时，没有弹出任何提示？我在这里错过了什么，我是否必须编写一些打字稿？

Answer 1

它需要js个文件才能触发下拉菜单的切换事件。

请在此处阅读https://getbootstrap.com/docs/4.5/getting-started/download/#npm

在angular.json中，从bootstrap.js数组的jQuery.js目录中添加popper.js的相对路径（如果需要，还需要node_modules和scripts）。

{ //.....
   architect: { //....
      build: { //.....
         options: { //....
              "scripts": [
                        "node_modules/jquery/dist/jquery.js",
                        "node_modules/popper.js/dist/umd/popper.js",
                        "node_modules/bootstrap/dist/js/bootstrap.js"
                    ]
         }
      }
   }
}

角度，如何在下拉按钮上显示下拉项目*

1 个答案: