如何解决如何使用 NPM 在 Angular 10 中安装 bootstrap ngx
我已经使用以下 npm 命令在 Angular 10 项目中安装了 ngx bootstrap,我在我的 Angular 中使用了 scss
npm i ngx-bootstrap
但是安装后,当我在这里使用引导代码时,它无法正常工作。我该如何解决这个问题?
解决方法
您将需要引导程序样式:
<!--- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
将需要的包添加到 NgModule 导入:
import { TooltipModule } from 'ngx-bootstrap/tooltip';
@NgModule({
...
imports: [TooltipModule.forRoot(),...]
...
})
https://www.npmjs.com/package/ngx-bootstrap
,使用 Angular CLI ng add 命令更新您的 Angular 项目。
ng add ngx-bootstrap
或者使用 ng add 添加需要的组件(例如工具提示)。
ng add ngx-bootstrap --component tooltip
将组件添加到您的页面:
<button type="button" class="btn btn-primary"
tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Simple demo
</button>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。