自第5版以来,引导框架已将jQuery作为一项要求删除。
我想知道这个变化是如何影响角度应用程序的?
我们可以使用所有提供的引导功能的角度(例如下拉)?
我知道,角不应该与JQuery结合-在早期版本的引导,JQuery是重新建议导入,如果我们想要使用所有的引导功能,这是不好的。
但是Bootstra5不再依赖JQuery了,所以在我的角度应用程序中使用它安全吗?
至于现在,我不想使用引导替代方案,如ng引导,这就是为什么我要问的是,是否可以和安全使用引导5的角度?
发布于 2021-06-22 10:38:11
是的,你现在可以用了。您可以通过在npm中安装以及在项目中包含CDN链接来使用它。
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
您也可以在这里检查引导5在角11中的实现。- https://www.c-sharpcorner.com/article/add-bootstrap-5-in-angular-11/
发布于 2021-06-22 11:21:44
要安装引导程序,只需使用
npm install bootstrap
并编辑angular.json文件
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css", //<--add this line
"src/styles.css"
],
"scripts": [
"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" //<--and this line
]
发布于 2021-09-21 09:57:40
您首先需要安装
然后使用IDE的终端在项目中安装引导程序。在Visual代码中,可以通过单击CTRL +`或转到View菜单来显示这一点。
然后,使用以下命令在项目中安装Bootstrap 5。
npm install bootstrap@next
然后,你必须导入这个包,这样角才能意识到它。您可以通过在Angular.json文件中添加必要的指令来做到这一点。
然后将以下路径添加到CSS中。
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
和下面的JS
"./node_modules/bootstrap/dist/js/bootstrap.min.js"
然后,您还可以添加popper JS。
使用下面的NPM命令,您可以将popper.js添加到项目中。
npm install @popperjs/core
然后还将指令添加到angular.json文件中。
"./node_modules/@popperjs/core/dist/umd/popper.min.js"
这样您的angular.json文件看起来就像这样。
https://stackoverflow.com/questions/68081166
复制相似问题