Angular6_使用ngx-bootstrap 的Tab

版权声明：本文为Martin原创文章，未经Martin允许不得转载。 https://blog.csdn.net/qq_36279445/article/details/82530861

1.使用

直接在app.module中import
在app.module.ts中
import { TabsModule } from 'ngx-bootstrap'
@NgModule({
imports: [TabsModule]
})

2.报错 " Uncaught (in promise): Error: StaticInjectorError(AppModule)[TabsetComponent -> TabsetConfig]: "

解决方法，在使用tab的component.ts里面

import { Component, OnInit } from '@angular/core';
import { TabsetConfig } from 'ngx-bootstrap';

@Component({
  selector: 'app-garbage-analysis',
  templateUrl: './garbage-analysis.component.html',
  styleUrls: ['./garbage-analysis.component.scss'],
  providers: [TabsetConfig]
})
export class GarbageAnalysisComponent implements OnInit {

  radioModel = 'Middle';
  constructor() { }

  ngOnInit() {
  }
}