Class IgxExpansionPanelHeaderComponent

コンストラクター

プロパティ

アクセサー

コンストラクター

プロパティ

cdr: ChangeDetectorRef
elementRef: ElementRef<any>
iconPosition: ExpansionPanelHeaderIconPosition = ExpansionPanelHeaderIconPosition.LEFT

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

 const currentIconPosition = this.panel.header.iconPosition;

次を設定:

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

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

let panelHeaderId =  this.panel.header.id;

次のメンバー

IgxExpansionPanelComponent

interaction: EventEmitter<IExpansionPanelCancelableEventArgs> = ...

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

 handleInteraction(event: IExpansionPanelCancelableEventArgs) {
...
}
 <igx-expansion-panel-header (interaction)="handleInteraction($event)">
...
</igx-expansion-panel-header>
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>
panel: IgxExpansionPanelBase
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>

アクセサー