這篇文章主要為大家展示了“ng2之bootstrap中的component怎么用”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“ng2之bootstrap中的component怎么用”這篇文章吧。
成都創(chuàng)新互聯(lián)服務(wù)項目包括龍南網(wǎng)站建設(shè)、龍南網(wǎng)站制作、龍南網(wǎng)頁制作以及龍南網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,龍南網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到龍南省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
正文:
以圖片輪播組件carousel為例:
首先安裝好ng2-bootstrap,bootstrap
npm install ng2-bootstrap bootstrap --save
在需要用到的模塊中導(dǎo)入
import { CarouselModule } from 'ng2-bootstrap' @NgModule({ imports: [ CarouselModule.forRoot() ], }) export class HeaderModule { }
然后,有很重要一點,不要忘記引入了bootstroop.min.css文件;
接著,在組件的html中寫入
以上是“ng2之bootstrap中的component怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!