加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

详解在Angular项目中添加插件ng-bootstrap

发布时间:2020-12-18 00:36:14 所属栏目:安全 来源:网络整理
导读:npm 安装 ng-bootstrap 模块 在 Angular 项目配置 app.module.ts 添加 imports: [ /** ngx-bootstrap */ NgbModule.forRoot() ], 添加 bootstrap.min.css 样式 在 assets 文件夹下 bootstrap/bootstrap.min.css , 并在 style.css 文件中添加 测试 app.compo

npm 安装 ng-bootstrap 模块

在 Angular 项目配置

app.module.ts

添加

imports: [
/**

  • ngx-bootstrap
    */
    NgbModule.forRoot()
    ],

添加 bootstrap.min.css 样式

在 assets 文件夹下 bootstrap/bootstrap.min.css , 并在 style.css 文件中添加

测试

app.component.html

添加代码:

test the ng-bootstrap

{{model}}

测试结果

示例代码

angular + ng-bootstrap

参考文章

NG Bootstrap - Angular directives specific to Bootstrap 4

Bootstrap 4 components,powered by Angular

ngx-translate core

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读