Angular学习笔记【如何正确使用第三方组件】

例如：ng-bootstrap的使用；

1、首先肯定是先要安装，参考官网给出的指令安装即可。（npm install --save @ng-bootstrap/ng-bootstrap）

2、在AppModule模块中引入这个组件：

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

@NgModule({

  declarations: [AppComponent, ...],

  imports: [NgbModule.forRoot(), ...],

  bootstrap: [AppComponent]

})

export class AppModule {

}

3、在自己的应用程序中引入这个模块：

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

@NgModule({

  declarations: [OtherComponent, ...],

  imports: [NgbModule, ...]

})

export class OtherModule {

}

4、在我们自己的页面就可以正常使用了。

我刚开始，没有做第三部，所以，导致我一直无法正常使用，又仔仔细细读了一下官网文档，这才发现是这个问题，望其他同学不要犯这个错误。

巴特西

Angular学习笔记【如何正确使用第三方组件】

最新文章

热门文章