ng-bootstrap的测试和使用

下面是ng-bootstrap各版本的依赖

如果没有angular-cli环境需要先安装

npm install -g @angular/cli

安装完后创建一个项目

ng new 项目名称

然后进入目录，启动服务

ng serve

可以在浏览器看到

停止服务器

安装ng-bootstrap

npm install --save @ng-bootstrap/ng-bootstrap

打开ng-bootstrap文档

https://ng-bootstrap.github.io/#/components/accordion/examples

按照第一个例子，添加并修改accordion-basic.ts，accordion-basic.html文件

修改app.module.ts

修改index.html,增加ngbd-accordion-basic节点

启动服务

可以看到

和教程上的效果还是不太一样，bootstrap的风格没有

npm install bootstrap@4.0.0

然后在"styles": [后加上， "node_modules/bootstrap/dist/css/bootstrap.css"

重启服务后可以看到效果

Bootstrap

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。