ng2學習筆記之bootstrap中的component使用教程
更新時間：2017年03月09日 09:05:56 作者：Benson.Cai
現(xiàn)在angular2已經(jīng)除了集成的angular-cli，建議大家可以基于這個來快速開發(fā)ng2的項目，不用自己再搭建環(huán)境。接下來通過本文給大家介紹 bootstrap中的component使用教程,需要的朋友可以參考下
前序：
現(xiàn)在angular2已經(jīng)除了集成的angular-cli，建議大家可以基于這個來快速開發(fā)ng2的項目，不用自己再搭建環(huán)境；
相關(guān)內(nèi)容請前往：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使用教程，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
Angular實現(xiàn)點擊按鈕后在上方顯示輸入內(nèi)容的方法
這篇文章主要介紹了Angular實現(xiàn)點擊按鈕后在上方顯示輸入內(nèi)容的方法,涉及AngularJS事件響應及頁面元素屬性動態(tài)設(shè)置相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
本篇文章主要介紹了Angular之toDoList的實現(xiàn)代碼示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
AngularJS中的$parse服務與$eval服務用法實例
這篇文章主要介紹了AngularJS中的$parse服務與$eval服務用法,結(jié)合實例形式分析了AngularJS中$parse服務與$eval服務的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了詳解Angular2中Input和Output用法及示例，對于angular2中的Input和Output可以和AngularJS中指令作類比，有興趣的可以了解一下2017-05-05
這篇文章主要給大家介紹了Angular.JS通過指令操作DOM的方法，文中給出了詳細的介紹和示例代碼，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-05-05
這篇文章主要介紹了Angular實現(xiàn)的進度條功能,結(jié)合實例形式較為詳細的分析了angular進度條功能的相關(guān)界面布局、功能等操作技巧,需要的朋友可以參考下2018-02-02
在AngularJs中設(shè)置請求頭信息(headers)的方法及不同方法的比較
在AngularJs中有三種方式可以設(shè)置請求頭信息，文中對每種方法給大家介紹的非常詳細，選擇那種方式可以根據(jù)自己的需求，感興趣的朋友跟隨腳本之家小編一起看看吧2018-09-09
Angular依賴注入optional?constructor?parameters概念
這篇文章主要為大家介紹了Angular?依賴注入領(lǐng)域里?optional?constructor?parameters?的概念及使用,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
詳解JavaScript的AngularJS框架中的表達式與指令
這篇文章主要介紹了JavaScript的AngularJS框架中的表達式與指令,文中羅列了幾個常用的指令屬性加以說明,需要的朋友可以參考下2016-03-03
Angular 4依賴注入學習教程之Injectable裝飾器（六）
這篇文章主要給大家介紹了關(guān)于Angular 4依賴注入之Injectable裝飾器的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來跟著小編一起學習學習吧。2017-06-06