ng2学习笔记之bootstrap中的component使用教程

 前序：

现在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 

相关文章： 如何选择高效稳定的ISP建站解决方案？  python的本地网站制作,如何创建本地站点？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  如何通过建站之星自助学习解决操作问题？  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  网站app免费制作软件,能免费看各大网站视频的手机app？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  如何在阿里云部署织梦网站？  如何在云指建站中生成FTP站点？  C#如何使用XPathNavigator高效查询XML  如何选择网络建站服务器？高效建站必看指南  网站制作难吗安全吗,做一个网站需要多久时间？  如何快速搭建虚拟主机网站？新手必看指南  ,想在网上投简历，哪几个网站比较好？  山东云建站价格为何差异显著？  Bpmn 2.0的XML文件怎么画流程图  香港服务器建站指南：免备案优势与SEO优化技巧全解析  建站之星安装需要哪些步骤及注意事项？  建站主机是否属于云主机类型？  建站主机服务器选购指南：轻量应用与VPS配置解析  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  济南专业网站制作公司,济南信息工程学校怎么样？  北京专业网站制作设计师招聘,北京白云观官方网站？  如何在建站之星网店版论坛获取技术支持？  建站之星CMS建站配置指南：模板选择与SEO优化技巧  贸易公司网站制作流程,出口贸易网站设计怎么做？  如何用wdcp快速搭建高效网站？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  高性价比服务器租赁——企业级配置与24小时运维服务  实例解析angularjs的filter过滤器  如何有效防御Web建站篡改攻击？  如何配置IIS站点权限与局域网访问？  小型网站制作HTML,*游戏网站怎么搭建？  微信小程序 五星评分(包括半颗星评分)实例代码  教学网站制作软件,学习*后期制作的网站有哪些？  测试制作网站有哪些,测试性取向的权威测试或者网站？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  制作门户网站的参考文献在哪,小说网站怎么建立？  如何做静态网页,sublimetext3.0制作静态网页？  如何用PHP快速搭建CMS系统？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  已有域名和空间如何快速搭建网站？  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  C++用Dijkstra(迪杰斯特拉)算法求最短路径  平台云上自主建站：模板化设计与智能工具打造高效网站  如何通过VPS建站实现广告与增值服务盈利？  家庭建站与云服务器建站，如何选择更优？  如何在IIS管理器中快速创建并配置网站？  建站主机如何安装配置？新手必看操作指南