前序：

现在angular2已经除了集成的angular-cli，建议大家可以基于这个来快速开发ng2的项目，不用自己再搭建环境；

相关内容请前往：https://angular.cn/docs/ts/latest/cli-quickstart.html

正文：

以图片轮播组件carousel为例：

首先安装好ng2-bootstrap,bootstrap

npm install ng2-bootstrap bootstrap --save

在需要用到的模块中导入

import { CarouselModule } from 'ng2-bootstrap'
@NgModule({
 imports: [
  CarouselModule.forRoot()
 ],
})
export class HeaderModule { }

然后，有很重要一点，不要忘记引入了bootstroop.min.css文件；

接着，在组件的html中写入

<carousel [interval]="myInterval" [noWrap]="noWrapSlides" [(activeSlide)]="activeSlideIndex">
 <slide *ngFor="let slidez of slides;">
  <img [src]="slidez" >
 </slide>
</carousel>

以上所述是小编给大家介绍的ng2学习笔记之bootstrap中的component使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # component  # Bootstrap Navbar Component实现响应式导航  # 小编  # 相关内容  # 在此  # 给大家  # 很重要  # 为例  # 所述  # 给我留言  # 感谢大家  # 不要忘记  # 装好  # 学习笔记  # 疑问请  # 有任何  # 引入了  # npm  # html  # quickstart  # carousel  # class 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  java中使用zxing批量生成二维码立牌  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  Laravel任务队列怎么用_Laravel Queues异步处理任务提升应用性能  太平洋网站制作公司,网络用语太平洋是什么意思？  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  PythonWeb开发入门教程_Flask快速构建Web应用  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  JS中页面与页面之间超链接跳转中文乱码问题的解决办法  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  JS中对数组元素进行增删改移的方法总结  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  如何在IIS7中新建站点？详细步骤解析  如何在新浪SAE免费搭建个人博客？  香港服务器WordPress建站指南：SEO优化与高效部署策略  如何用JavaScript实现文本编辑器_光标和选区怎么处理  历史网站制作软件,华为如何找回被删除的网站？  Laravel如何配置和使用队列处理异步任务_Laravel队列驱动与任务分发实例  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  如何在阿里云通过域名搭建网站？  香港服务器网站推广：SEO优化与外贸独立站搭建策略  如何在七牛云存储上搭建网站并设置自定义域名？  android nfc常用标签读取总结  大学网站设计制作软件有哪些,如何将网站制作成自己app？  为什么要用作用域操作符_php中访问类常量与静态属性的优势【解答】  开心动漫网站制作软件下载,十分开心动画为何停播？  做企业网站制作流程,企业网站制作基本流程有哪些？  Python图片处理进阶教程_Pillow滤镜与图像增强  如何在IIS中新建站点并配置端口与物理路径？  Laravel怎么判断请求类型_Laravel Request isMethod用法  微信小程序 scroll-view组件实现列表页实例代码  Laravel如何使用Collections进行数据处理？（实用方法示例）  详解Huffman编码算法之Java实现  Laravel中的Facade(门面)到底是什么原理  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  北京网站制作公司哪家好一点,北京租房网站有哪些？  Java解压缩zip - 解压缩多个文件或文件夹实例  Laravel如何使用Blade模板引擎？（完整语法和示例）  如何破解联通资金短缺导致的基站建设难题？  Laravel怎么实现模型属性的自动加密  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  如何快速选择适合个人网站的云服务器配置？  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  5种Android数据存储方式汇总  Laravel怎么调用外部API_Laravel Http Client客户端使用  高防服务器如何保障网站安全无虞？  Laravel Fortify是什么，和Jetstream有什么关系