angular-cli 使用 bootstrap_angular 4.0 怎样使用 bootstrap-阿里云开发者社区

开发者社区> 建站达人> 正文

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

简介: 转载自  http://www.ngui.cc/index.html angular 使用bootstrap ngx-bootstrap  文档地址  http://ngx-bootstrap.
+关注继续查看

转载自  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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
《AngularJS高级程序设计》——5.9 使用承诺
承诺是一种表述方式,它表明某项工作会以异步方式执行并在未来某个点被完成。最常遇到的方式是产生Ajax请求,当请求被完成时,浏览器会暗地里发出HTTP请求通知你的应用程序。在清单5-42中,我创建了产生Ajax请求的袖珍AngularJS应用程序。
1250 0
获取使用ClickOnce部署的应用程序的版本号
引子 在编写使用ClickOnce部署的应用程序时,需要在程序的标题栏、软件变更记录、软件关于等页面读取显示当前的版本号。 之前很傻瓜的做法就是在Resource中维护一个string值,在使用到的地方读取,有更新修改Resource即可。
567 0
SpringBoot使用Caffeine缓存
springboot使用caffeine
2077 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
8155 0
Spring Boot使用过滤器和拦截器分别实现REST接口简易安全认证
本文通过一个简易安全认证示例的开发实践,理解过滤器和拦截器的工作原理。
4846 0
****CodeIgniter使用cli模式运行,把php作为shell编程
shell简介 在计算机科学中,Shell俗称壳(用来区别于核)。而我们常说的shell简单理解就是一个命令行界面,它使得用户能与操作系统的内核进行交互操作。 常见的shell环境有:MS-DOS、Bourne Shell(/usr/bin/sh或/bin/sh)、Bourne Again Shell(/bin/bash)、C Shell(/usr/bin/csh)、K Shell(/usr/bin/ksh)、Shell for Root(/sbin/sh)等等。
1018 0
【bootstrapValidator 不验证】使用bootstrapValidator 验证效果不起作用
虽然在页面ready的时候 就绑定了验证表单 ,但是在点击提交按钮之后 依旧没有验证的效果 。   那就在提交按钮的点击事件中 添加一句话: 1 $(document).ready( function () { 2 3 //为添加产品的表单加验证效果 4 $('#form-product-add').
2198 0
Golang使用协程进行mqtt的publish信息性能测试
开发语言:golang 目的:并发10000个mqtt连接,循环发送publish信息,当时间戳小于某个值的时候,中止循环,退出连接 publish内容是json格式的,未设置时,有默认值,可以通过golang代码修改json内容 登录信息存取在csv文件中,csv文件有多少列,就并发多少个设备连接
32 0
+关注
11
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载