Ignite UI for Angular

All
  • Public
  • Public/Protected
  • All

クラス IgxTabsGroupComponent

階層

  • IgxTabsGroupBase
    • IgxTabsGroupComponent

実装

  • AfterContentInit
  • AfterViewChecked

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

disabled

disabled: boolean = false

IgxTabGroupComponent の有効化/無効化を許可する @Input プロパティ。

<igx-tabs-group label="Tab 2  Lorem ipsum dolor sit" icon="home" [disabled]="true">

icon

icon: string

icon の値を設定する @Input プロパティ。 値を https://material.io/tools/icons/?style=baseline からの有効なアイコン名に設定します。

<igx-tabs-group label="Tab 1" icon="home">

label

label: string

label の値を設定する @Input プロパティ。

<igx-tabs-group label="Tab 1" icon="folder">

アクセサー

index

  • get index(): number

  • IgxTabsGroupComponent のインデックスの値を返すアクセサー。

    @ViewChild("MyTabsGroup")
public tab: IgxTabsGroupComponent;
ngAfterViewInIt(){
   let tabIndex = this.tab.index;
}

    返却 number

isSelected

  • get isSelected(): boolean
  • set isSelected(newValue: boolean): void

  • タブ グループが選択されたかどうかを取得または設定します。

    this.tabGroup.isSelected = true;
    let isSelected = this.tabGroup.isSelected;
    次のメンバー:

    IgxTabsGroupComponent

    返却 boolean

  • タブ グループが選択されたかどうかを取得または設定します。

    this.tabGroup.isSelected = true;
    let isSelected = this.tabGroup.isSelected;

    パラメーター

    • newValue: boolean

    返却 void

relatedTab

メソッド

select

  • select(): void

  • タブにフォーカスを設定するメソッド。

    次のメンバー:

    IgxTabsGroupComponent

    @ViewChild("MyChild")
public tab : IgxTabsGroupComponent;
ngAfterViewInit(){
   this.tab.select();
}

    返却 void