Angular将html转换为Angular问题



我有一个HTML CSS主题。我在angular中转换主题,一切都很好,但侧边栏上的问题我注意到下拉菜单意味着何时点击侧边栏文本菜单需要打开,但它没有打开。我需要知道什么是问题?我没有在项目中安装引导程序,只是导入所有CSS图像等,并在angular.json 中导入CSS文件

这是侧边栏的一个小代码

<li class="nav-item">
<a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo"
aria-expanded="true" aria-controls="collapseTwo">
<i class="fas fa-fw fa-cog"></i>
<span>Components</span>
</a>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
<div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">Custom Components:</h6>
<a class="collapse-item" href="buttons.html">Buttons</a>
<a class="collapse-item" href="cards.html">Cards</a>
</div>
</div>
</li>

我已经添加了bootstrap、jquery和popper.js

"styles": [
"src/styles.css",
"src/assets/css/sb-admin-22.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"src/assets/js/sb-admin-22.js",
"src/assets/vendor/jquery-easing/jquery.easing.min.js",
"src/assets/vendor/jquery/jquery.min.js",
"src/assets/vendor/bootstrap/js/bootstrap.bundle.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"node_modules/jquery/dist/jquery.min.js",
"node_modules/popper.js/dist/popper.js"
] 

检查您为angular和bootstrap提供的脚本我们需要在html 中有某些脚本

安装引导程序和jquery"npm i引导程序";用于引导和";npm i jquery";对于jquery,然后在您的项目中查找一个名为angular.json的文件,替换样式和脚本数组,如下所示:

"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": [
"./node_modules/jquery/dist/jquery.min.js",
"./node_modules/bootstrap/dist/js/bootstrap.min.js"
]

最新更新