首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >自举5在角应用中的应用

自举5在角应用中的应用
EN

Stack Overflow用户
提问于 2021-06-22 09:39:46
回答 5查看 21.9K关注 0票数 11

自第5版以来,引导框架已将jQuery作为一项要求删除。

我想知道这个变化是如何影响角度应用程序的?

我们可以使用所有提供的引导功能的角度(例如下拉)?

我知道,角不应该与JQuery结合-在早期版本的引导,JQuery是重新建议导入,如果我们想要使用所有的引导功能,这是不好的。

但是Bootstra5不再依赖JQuery了,所以在我的角度应用程序中使用它安全吗?

至于现在,我不想使用引导替代方案,如ng引导,这就是为什么我要问的是,是否可以和安全使用引导5的角度?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2021-06-22 10:38:11

是的,你现在可以用了。您可以通过在npm中安装以及在项目中包含CDN链接来使用它。

代码语言:javascript
运行
复制
<!-- 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/

票数 3
EN

Stack Overflow用户

发布于 2021-06-22 11:21:44

要安装引导程序,只需使用

代码语言:javascript
运行
复制
npm install bootstrap

并编辑angular.json文件

代码语言:javascript
运行
复制
        "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
        ]
票数 28
EN

Stack Overflow用户

发布于 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文件看起来就像这样。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68081166

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档