Bottom Navigation コンポーネントを使用すると、単一のビューに表示される複数のコンテンツ間を移動できます。
IgxBottomNavModule
igx-bottom-nav-theme
bottom navigation
レイアウト
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> Copy
<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>
項目を返します。
[(selectedIndex)] で双方向バインディングのサポートを有効にする出力。
選択したインデックスが変更されようとしているときに発生されます。
選択された項目が変更されたときに発生されます。
選択された項目のインデックスを取得または設定します。 コンテンツが定義されている場合、デフォルト値は 0 です。それ以外の場合は、デフォルト値は -1 です。
選択項目を取得します。
Bottom Navigation コンポーネントを使用すると、単一のビューに表示される複数のコンテンツ間を移動できます。
Igx Module
IgxBottomNavModule
Igx Theme
igx-bottom-nav-theme
Igx Keywords
bottom navigation
Igx Group
レイアウト
備考
Ignite UI for Angular Bottom Navigation コンポーネントを使用すると、単一のビューに表示される複数のコンテンツ間を移動できます。 コンテンツ間のナビゲーションは、下部にあるタブ ボタンで実行されます。
例