如果需要使用ng-bootstrap妓局,必須依賴以下兩個東西:
1、Angular需要時5.0以上版本
2呈宇、需要引入Bootstrap CSS
注:不要在配置文件angular-cli.json中好爬,引入bootstrap.js或bootstrap.min.js文件,這個可能會影響ng-bootstrap的運行甥啄。
ng-bootstrap官方說“Our code is automatically tested on all the supported browsers.”存炮,意思做了全瀏覽器測試,目前還沒有發(fā)現(xiàn)什么兼容問題蜈漓。
安裝:
npm install --save @ng-bootstrap/ng-bootstrap
安裝完成后穆桂,需要先將模塊引入到主模塊和各個需要使用ng-bootstrap的模塊中,主要區(qū)別是主模塊上加上forRoot()融虽,例如:
//----app.module.ts中代碼
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
declarations: [AppComponent, ...],
imports: [NgbModule.forRoot(), ...],
bootstrap: [AppComponent]
})
export class AppModule {
}
//----other.module.ts中代碼
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
declarations: [OtherComponent, ...],
imports: [NgbModule, ...]
})
export class OtherModule {
}