JavaScript Component use ViewChild in Angular 4

UseViewChildInJSComponent.js

import { Component, ViewChild} from '@angular/core';
import { NgbTabset } from '@ng-bootstrap/ng-bootstrap';

const componentAnnotation = new Component({
  selector: 'your-component',
  template: require('./your-component.component.html'),
  styles: [require('../your-component.component.scss')],
  providers: [NgbTabset],
  queries: {
      tabs: new ViewChild('tabs')
  }
})

export class YourComponent {
  constructor(NgbTabset) {
    this.tabs = NgbTabset;
  }
  
  ngOnInit() {
    this.tabs.select('tab1');
  }
}
YourComponent.annotations = [componentAnnotation];
YourComponent.parameters = [NgbTabset];

------------------------
Your Template:
    <ngb-tabset class="tabs" #tabs>
        <ngb-tab id="tab1">
            <ng-template ngbTabTitle><a routerLink="../tab1">Tab1</a></ng-template>
            <ng-template ngbTabContent>
            </ng-template>
        </ngb-tab>
        <ngb-tab id="tab2">
            <ng-template ngbTabTitle><a routerLink="../tab2">Tab 2</a></ng-template>
            <ng-template ngbTabContent>
            </ng-template>
        </ngb-tab>
    </ngb-tabset>