ngx-bootstrap 不支持 tab 标签问题

Question

我已经安装了，并执行了如下操作：

npm i ngx-bootstrap@2.0.0-rc.0 --save

import { TabsModule } from 'ngx-bootstrap'

imports: [TabsModule.forRoot(),

.angular-cli.json :
"styles": ["../node_modules/font-awesome/css/font-awesome.min.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"../node_modules/c-cui-mst/styles.css","styles.scss"],

现在仍然提示不支持 tab 标签，为什么？
报错信息如下：

Uncaught Error: Template parse errors:
'tab' is not a known element:
1. If 'tab' is an Angular component, then verify that it is part of this module.
2. To allow any element add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
  <div class="tabs-container">
      <tabset>
          [ERROR ->]<tab heading="全部">
              <div class="panel-body">
                  <div class="row">
"): ng:///AppModule/MallOrderComponent.html@23:10

Answer 1

你需要将TabsModule放到app.module的imports数组里面，这样angular在编译的时候才会编译tab， 然后你的component才能识别tab.

Answer 2

如果在懒加载的模块中使用，则必须在懒加载的模块中导入

@NgModule({
  imports: [TabsModule]
})
export class 懒加载的模块(){}