クラス IgxExpansionPanelHeaderComponent

階層

  • IgxExpansionPanelHeaderComponent

Index

コンストラクタ

プロパティ

アクセサー

コンストラクタ

constructor

プロパティ

cdr

cdr: ChangeDetectorRef

elementRef

elementRef: ElementRef<any>

iconPosition

iconPosition: ExpansionPanelHeaderIconPosition = ...

展開パネルジェッダ―の展開/縮小アイコンの位置を取得または設定します。 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<IExpansionPanelCancelableEventArgs> = ...

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

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

panel

panel: IgxExpansionPanelBase

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>

アクセサー

disabled

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

     const isDisabled = this.panel.header.disabled;
    

    Set

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

    返却 boolean

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

     const isDisabled = this.panel.header.disabled;
    

    Set

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

    パラメーター

    • val: boolean

    返却 void

iconRef

  • get iconRef(): ElementRef<any>