Class IgxBottomNavComponent

Bottom Navigation コンポーネントを使用すると、単一のビューに表示される複数のコンテンツ間を移動できます。

Igx Module

IgxBottomNavModule

Igx Theme

igx-bottom-nav-theme

Igx Keywords

bottom navigation

Igx Group

レイアウト

備考

Ignite UI for Angular Bottom Navigation コンポーネントを使用すると、単一のビューに表示される複数のコンテンツ間を移動できます。 コンテンツ間のナビゲーションは、下部にあるタブ ボタンで実行されます。

<igx-bottom-nav>
<igx-bottom-nav-item>
<igx-bottom-nav-header>
<igx-icon igxBottomNavHeaderIcon>folder</igx-icon>
<span igxBottomNavHeaderLabel>Tab 1</span>
</igx-bottom-nav-header>
<igx-bottom-nav-content>
Content 1
</igx-bottom-nav-content>
</igx-bottom-nav-item>
...
</igx-bottom-nav>

階層

Hierarchy

  • IgxTabsDirective
    • IgxBottomNavComponent

プロパティ

dir: IgxDirectionality
items: QueryList<IgxTabItemDirective>

項目を返します。

selectedIndexChange: EventEmitter<number> = ...

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

selectedIndexChanging: EventEmitter<ITabsSelectedIndexChangingEventArgs> = ...

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

selectedItemChange: EventEmitter<ITabsSelectedItemChangeEventArgs> = ...

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

アクセサー