Angular开发-ngx-bootstrap的UI组件介绍

ngx-bootstrap官方网站里面可以复制你想要的样式组件，官方有介绍怎么使用，不过本人稍微修改了下

---

使用ngx-bootstrap的步骤

• 1、npm install ngx-bootstrap –save
• 2、npm install bootstarap –save-dev
• 3、在angular-cli.json文件中添加bootstrap为全局样式

"styles": [
  "styles.css",
  "../node_modules/bootstrap/dist/css/bootstrap.css"
],

• 4、根据官方文档中你需要使用什么样式就要在app.module.ts注入

import { AccordionModule,AlertModule,ButtonsModule } from 'ngx-bootstrap';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AccordionModule.forRoot(),
    AlertModule.forRoot(),
    ButtonsModule.forRoot()
  ],

• 5、直接官网复制代码
• 6、运行效果