前序：

現在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使用教程，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！