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

 前序：

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

相关内容请前往：

正文：

以图片轮播组件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使用教程，希望对大家有所帮助