Ignite UI for Angular

すべて
  • パブリック
  • パブリック/保護
  • すべて

クラス IgxTabsComponent

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

@igxmodule

IgxTabsModule

@igxtheme

igx-tabs-theme

@igxkeywords

tabs

@igxgroup

Layouts

@備考:

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>

階層

実装

  • AfterViewInit
  • OnDestroy

Index

コンストラクタ

プロパティ

アクセサー

コンストラクタ

constructor

  • new IgxTabsComponent(builder: AnimationBuilder, ngZone: NgZone): IgxTabsComponent

プロパティ

items

items: QueryList<IgxTabItemDirective>

項目を返します。

selectedIndexChange

selectedIndexChange: EventEmitter<number> = ...

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

selectedIndexChanging

selectedIndexChanging: EventEmitter<ITabsSelectedIndexChangingEventArgs> = ...

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

selectedItemChange

selectedItemChange: EventEmitter<ITabsSelectedItemChangeEventArgs> = ...

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

アクセサー

disableAnimation

  • get disableAnimation(): boolean
  • set disableAnimation(value: boolean): void

selectedIndex

  • get selectedIndex(): number
  • set selectedIndex(value: number): void

  • 選択された項目のインデックスを取得または設定する @Input プロパティ。 コンテンツが定義されている場合、デフォルト値は 0 です。それ以外の場合、デフォルトは -1 です。

    返却 number

  • 選択された項目のインデックスを取得または設定する @Input プロパティ。 コンテンツが定義されている場合、デフォルト値は 0 です。それ以外の場合、デフォルトは -1 です。

    パラメーター

    • value: number

    返却 void

selectedItem

tabAlignment

  • get tabAlignment(): string
  • set tabAlignment(value: string): void