Angular2×OnsenUI2 ons-tabのsetActiveTabの使い方
onsenUIとAngularjs2を使用しています。
ons-tabのメソッドのsetActiveTabを使用したいのですが使用方法がわかりません。どのように使うのでしょうか?
コードがこちらです。
@Component({
selector: 'ons-page',
template: `
<ons-tabbar #tabbar>
<ons-tab [page]="users" label="Users" icon="ion-home" active></ons-tab>
<ons-tab [page]="offers" label="Offers" icon="ion-chatbox-working"></ons-tab>
<ons-tab [page]="menu" label="Menu" icon="ion-ios-cog"></ons-tab>
</ons-tabbar>
`,
styles: [require('./css/template.css')]
})
export class TopComponent {
users = UsersComponent;
offers = OffersComponent;
menu = MenuComponent;
offersOpener: boolean = false;
constructor(
private _navigator: OnsNavigator,
private _params: Params,
private zone: NgZone
) {
this.zone.run(() => {
});
}
}