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

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

 const currentIconPosition = this.panel.header.iconPosition;

設定

 this.panel.header.iconPosition = 'left';

 <igx-expansion-panel-header [iconPosition]="'right'"></igx-expansion-panel-header>

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

let panelHeaderId =  this.panel.header.id;

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

 const currentAriaLevel = this.panel.header.lv;

設定

 this.panel.header.lv = '5';

 <igx-expansion-panel-header [lv]="myCustomLevel"></igx-expansion-panel-header>

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

 handleInteraction(event: IExpansionPanelEventArgs) {
 ...
}

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

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

 const currentRole = this.panel.header.role;

設定

 this.panel.header.role = '5';

 <igx-expansion-panel-header [role]="'custom'"></igx-expansion-panel-header>