¿Cómo puedo acceder al método 'select' desde NgbTabSet en el componente en Angular2 y ng-bootstrap?
Usando Angular 2.3.1 y ng-bootstrap 1.0.0-alpha.18. Estoy tratando de seleccionar mediante programación una pestaña basada en la ID del componente en lugar de dentro de la plantilla. El objetivo es extraer el parámetro de la URL y usarlo para seleccionar la pestaña en ngOnInit
la plantilla
<section id="policy-terms">
<ngb-tabset>
<ngb-tab title="Terms and Privacy" id="terms">
<template ngbTabContent>
<div class="container page-content">
</div>
</template>
</ngb-tab>
<ngb-tab title="Company Policy" id="policy">
<template ngbTabContent>
<div class="container page-content">
</div>
</template>
</ngb-tab>
</ngb-tabset>
</section>
Y el código del componente:
import { Component, OnInit } from '@angular/core';
import { NgbTabset } from '@ng-bootstrap/ng-bootstrap';
@Component({
selector: 'app-policy-terms',
templateUrl: './policy-terms.component.html',
styleUrls: ['./policy-terms.component.scss'],
providers: [
NgbTabset
]
})
export class PolicyTermsComponent implements OnInit {
constructor(
public tabset: NgbTabset
) { }
ngOnInit() {
this.tabset.select('policy');
}
}
Esto solo produce un error:
Errores de registro de consola
¿Cómo puedo acceder a este método?