Class IgxTabsComponent

Tabs コンポーネントは、同様なデータ セットの体系化や切り替えに使用します。

Igx Module

IgxTabsModule

Igx Theme

igx-tabs-theme

Igx Keywords

tabs

Igx Group

レイアウト

備考

Ignite UI for Angular Tabs コンポーネントはタブを上側に配置し、複数のタブ項目がある場合にスクロールを許可します。

<igx-tabs>
<igx-tab-item>
<igx-tab-header>
<igx-icon igxTabHeaderIcon>folder</igx-icon>
<span igxTabHeaderLabel>Tab 1</span>
</igx-tab-header>
<igx-tab-content>
Content 1
</igx-tab-content>
</igx-tab-item>
...
</igx-tabs>

階層

Hierarchy

  • IgxTabsDirective
    • IgxTabsComponent

実装

  • AfterViewInit
  • OnDestroy

コンストラクター

プロパティ

dir: IgxDirectionality
disableAnimation: boolean = false

コンテンツのトランジション アニメーションを有効または無効にします。

items: QueryList<IgxTabItemDirective>

項目を返します。

selectedIndexChange: EventEmitter<number> = ...

[(selectedIndex)] で双方向バインディングのサポートを有効にする出力。

selectedIndexChanging: EventEmitter<ITabsSelectedIndexChangingEventArgs> = ...

選択したインデックスが変更されようとしているときに発生されます。

selectedItemChange: EventEmitter<ITabsSelectedItemChangeEventArgs> = ...

選択された項目が変更されたときに発生されます。

アクセサー