码迷,mamicode.com
首页 > 其他好文 > 详细

angular 如何使用第三方组件ng-bootstrap

时间:2017-09-13 12:04:43      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:add   引入   for   ...   ppm   安装   rom   import   str   

1.在你的项目中以下指令    npm install --save @ng-bootstrap/ng-bootstrap

安装完成会显示

 

+ @ng-bootstrap/ng-bootstrap@1.0.0-beta.4

added 1 package in 8.757s

 

 

2.在AppModule模块中引入这个组件:

import {NgbModule} from ‘@ng-bootstrap/ng-bootstrap‘;

@NgModule({
  declarations: [AppComponent, ...],
  imports: [NgbModule.forRoot(), ...],
  bootstrap: [AppComponent]
})
export class AppModule {
}

3.在(想要使ng-bootatrap组的)组件中引入这个模块:

import {NgbModule} from ‘@ng-bootstrap/ng-bootstrap‘;

@NgModule({
  declarations: [OtherComponent, ...],
  imports: [NgbModule, ...]
})
export class OtherModule {
}

4。完成第三方组件的使用。

 

angular 如何使用第三方组件ng-bootstrap

标签:add   引入   for   ...   ppm   安装   rom   import   str   

原文地址:http://www.cnblogs.com/kaid/p/7514005.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!