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