すべての IgxTabsGroupComponent の監視可能コレクションを提供します。

const groupItems = this.myTabComponent.tabs;

タブ項目が選択解除された時に発生されます。

<igx-tabs (onTabItemDeselected)="itemDeselected($event)">
     <igx-tabs-group label="Tab 1">This is Tab 1 content.</igx-tabs-group>
     <igx-tabs-group label="Tab 2">This is Tab 2 content.</igx-tabs-group>
</igx-tabs>

itemDeselected(e){
     const tabGroup = e.group;
     const tabItem = e.tab;
}

タブ項目が選択された時に発生されます。

<igx-tabs (onTabItemSelected)="itemSelected($event)">
     <igx-tabs-group label="Tab 1">This is Tab 1 content.</igx-tabs-group>
     <igx-tabs-group label="Tab 2">This is Tab 2 content.</igx-tabs-group>
</igx-tabs>

itemSelected(e){
     const tabGroup = e.group;
     const tabItem = e.tab;
}

selectedIndex の値を設定する @Input プロパティ。 デフォルト値は 0 です。

<igx-tabs selectedIndex="1">

すべての IgxTabItemComponent の監視可能コレクションを提供します。

const tabItems = this.myTabComponent.tabs;

タブ ヘッダーのサイズ設定モードを定義します。contentfit または fixed に設定できます。 デフォルトのヘッダーのサイズ設定モードは contentfit です。

<igx-tabs tabsType="fixed">
    <igx-tabs-group label="HOME">Home</igx-tabs-group>
</igx-tabs>