クラス IgxExpansionPanelHeaderComponent

階層

  • IgxExpansionPanelHeaderComponent

コンストラクタ

プロパティ

コンストラクタ

constructor

プロパティ

cdr

cdr: ChangeDetectorRef

disabled

disabled: boolean = false

ヘッダーが無効になるかどうかを取得または設定します。 無効な場合、ヘッダーはユーザーイベントを処理せず、伝達を停止します。

 const isDisabled = this.panel.header.disabled;

設定

 this.panel.header.disabled = true;
 <igx-expansion-panel-header [disabled]="true">
    ...
 </igx-expansion-panel-header>

elementRef

elementRef: ElementRef

iconPosition

iconPosition: ICON_POSITION = ICON_POSITION.LEFT

展開パネルジェッダ―の展開/縮小アイコンの位置を取得または設定します。 leftrightnone を許容します。

 const currentIconPosition = this.panel.header.iconPosition;

設定

 this.panel.header.iconPosition = 'left';
 <igx-expansion-panel-header [iconPosition]="'right'"></igx-expansion-panel-header>

id

id: string = ""

展開パネル ヘッダーの id を設定または取得します。

let panelHeaderId =  this.panel.header.id;
@次のメンバー:

IgxExpansionPanelComponent

lv

lv: string = "3"

ヘッダーの Aria-level 属性を取得/設定します。 取得

 const currentAriaLevel = this.panel.header.lv;

設定

 this.panel.header.lv = '5';
 <igx-expansion-panel-header [lv]="myCustomLevel"></igx-expansion-panel-header>

onInteraction

onInteraction: EventEmitter<IExpansionPanelEventArgs> = new EventEmitter<IExpansionPanelEventArgs>()

ユーザーがヘッダー ホストとインタラクションしたときに発生します。

 handleInteraction(event: IExpansionPanelEventArgs) {
 ...
}
 <igx-expansion-panel-header (onInteraction)="handleInteraction($event)">
     ...
 </igx-expansion-panel-header>

panel

role

role: string = "heading"

ヘッダーの role 属性を取得または設定します。 取得

 const currentRole = this.panel.header.role;

設定

 this.panel.header.role = '5';
 <igx-expansion-panel-header [role]="'custom'"></igx-expansion-panel-header>