angular-cli 使用 bootstrap_angular 4.0 怎样使用 bootstrap

作者:建站达人 上传时间:2019-03-29 版权申诉

转载自 http://www.ngui.cc/index.html

angular 使用bootstrap ngx-bootstrap

文档地址 http://ngx-bootstrap.com/#/

如何使用

(1),安装 ngx-bootstrap 和 bootstrap :

npm install ngx-bootstrap bootstrap --save

(2),打开 src/app/app.module.ts 文件并且添加以下内容

import { AlertModule } from 'ngx-bootstrap';...@NgModule({...imports: [AlertModule.forRoot(), ... ],... })

(3),打开 angular-cli.json 并且插入以下内容

  "styles": ["styles.css","../node_modules/bootstrap/dist/css/bootstrap.min.css"],


(4),打开 src/app/app.component.html 文件  添加


<alert type="success">hello</alert>


好了大功告成!


angular 教程网 <http://www.ngui.cc>

免责申明:文章和图片全部来源于公开网络,如有侵权,请通知删除 server@dude6.com

用户评论
相关推荐
angular-cli 使用 bootstrap_angular 4.0 怎样使用 bootstrap
转载自 http://www.ngui.cc/index.html angular 使用bootstrap ngx-bootstrap文档地址 http://ngx-bootstrap
bootstrap_angular前台分页插件demo
angular前台分页,后台无需任何分页实现。简单,通用。完整的demo,可以直接嵌入项目中。
ZIP
0B
2019-05-07 00:11
jqgrid加bootstrap4.0直接使用
下载直接使用里面有一个例子DEMO所有的jscss都引入到那个Demo中了
zip
0B
2019-05-16 01:48
怎样使用myeclipse
对于初学java的同志们来说 使用java开发工具myeclipse,是你能快速熟悉该工具的使用,
DOC
649KB
2020-08-31 13:41
BootStrap使用
本资源是CSS框架--BooTStrap框架。自己写的一些测试代码,肯定没有官网上的好,不喜勿喷。
ZIP
0B
2019-01-14 10:31
bootstrapValidator.js验证在bootstrap4.0使用
1.bootstrap使用4.02.customValidator.cssBootstrapv4.0.0-beta(https://getbootstrap.com)jQueryv3.2.1
RAR
0B
2019-09-06 14:00
怎样使用Boost库
怎样使用Boost库
PPT
0B
2019-03-14 16:08
怎样使用右键菜单
怎样使用右键菜单
ZIP
0B
2019-01-13 08:55
怎样使用WMI查询
WMI(Windows Management Instrumentation,Windows 管理规范)是一项核心的 Windows 管理技术;用户可以使用 WMI 管理本地和远程计算机。 WMI查询
DOCX
0B
2018-12-16 13:07
bootstrap switch使用
网上的bootstrap-switch使用不便,因此整理了我在项目上所使用的开关控件,结合bootstrap框架使用
MD
2KB
2020-10-14 23:45