2016-09-08 33 views
1

我提出:如何使用帶角度cli的引導程序網格?

npm install ng2-bootstrap --save 

然後打開角度-CLI-build.js並加入這一行

vendorNpmFiles: [ 
     .................. 
     'ng2-bootstrap/**/*.js', 
     .................... 
     ] 

寫在SRC /系統config.ts

const map:any ={ 
     .................. 
     'ng2-bootstrap': 'vendor/ng2-bootstrap', 
     .................... 

    } 

const packages: any = { 
     'ng2-bootstrap': { 
     format: 'cjs', 
     defaultExtension: 'js', 
     main: 'ng2-bootstrap.js' 

     } 

    }; 

但是沒有cdn鏈接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

我不能使用樣式Bootstrap。我可以用它做點什麼嗎?

回答

0

ng2-bootstrap模塊是一組Angular 2組件和指令,用於替換默認的引導程序JavaScript。這意味着你不需要在你的Angular 2應用程序中包含bootstrap javascript和jQuery。

該模塊不包括引導CSS。您仍然需要以某種方式包含它,最簡單的解決方案是在您的應用程序中添加cdn。 ng2-bootstrap將與默認引導程序css完美協同工作。

要包括引導CSS,你將需要添加下面一行爲src/index.html的:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">