クラス IgxTabsComponent

階層

  • IgxTabsComponent

実装

  • IgxTabsBase
  • AfterViewInit
  • OnDestroy

コンストラクタ

constructor

  • new IgxTabsComponent(_element: ElementRef, _ngZone: NgZone, platformUtil: PlatformUtil): IgxTabsComponent

プロパティ

contentTabs

contentTabs: QueryList<IgxTabItemComponent>

ページで定義されているすべての IgxTabItemComponent の監視可能なコレクションを提供します。

const tabItems = this.myTabComponent.contentTabs;

groups

groups: QueryList<IgxTabsGroupComponent>

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

const groupItems = this.myTabComponent.groups;

id

id: string = `igx-tabs-${this._currentTabsId}`

タブの id を設定または取得します。

@備考:

設定しない場合、id"igx-tabs-0" 値を持ちます。

@例:
<igx-tabs id="my-first-tabs"></igx-tabs>
@次のメンバー:

IgxTabsComponent

onTabItemDeselected

onTabItemDeselected: EventEmitter<any> = new EventEmitter()

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

<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;
}

onTabItemSelected

onTabItemSelected: EventEmitter<any> = new EventEmitter()

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

<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;
}

type

type: string | IgxTabsType = "contentfit"

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

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

viewTabs

viewTabs: QueryList<IgxTabItemComponent>

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

const tabItems = this.myTabComponent.viewTabs;

アクセサー

selectedIndex

  • get selectedIndex(): number
  • set selectedIndex(index: number): void
  • selectedIndex の値を設定する @Input プロパティ。 デフォルト値は 0 です。

    <igx-tabs selectedIndex="1">

    双方向データ バインディング。

    <igx-tabs [(selectedIndex)]="model.selectedIndex">

    返却 number

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

    <igx-tabs selectedIndex="1">

    双方向データ バインディング。

    <igx-tabs [(selectedIndex)]="model.selectedIndex">

    パラメーター

    • index: number

    返却 void

selectedTabItem

tabs

メソッド

hideIndicator

  • hideIndicator(): void