constructor

• new IgxBannerComponent(elementRef): IgxBannerComponent

• パラメーター

  • elementRef: ElementRef<HTMLElement>

  返却 IgxBannerComponent

closed

public handleClosed(event) {
 ...
}
Copy

<igx-banner (closed)="handleClosed($event)"></igx-banner>
Copy

closing

public handleClosing(event) {
 ...
}
Copy

<igx-banner (closing)="handleClosing($event)"></igx-banner>
Copy

cssClass

elementRef

opened

public handleOpened(event) {
 ...
}
Copy

<igx-banner (opened)="handleOpened($event)"></igx-banner>
Copy

opening

public handleOpening(event) {
 ...
}
Copy

<igx-banner (opening)="handleOpening($event)"></igx-banner>
Copy

animationSettings

• get animationSettings(): ToggleAnimationSettings

• バナーを開く/閉じるメソッドで使用されるアニメーション設定を取得します。

  let currentAnimations: ToggleAnimationSettings = banner.animationSettings
  Copy

  返却 ToggleAnimationSettings

• set animationSettings(settings): void

• バナーを開く/閉じるメソッドで使用されるアニメーション設定を取得します。

  import { slideInLeft, slideOutRight } from 'igniteui-angular';
  ...
  banner.animationSettings: ToggleAnimationSettings = { openAnimation: slideInLeft, closeAnimation: slideOutRight };
  Copy

  パラメーター

  • settings: ToggleAnimationSettings

  返却 void

collapsed

• get collapsed(): boolean

• バナーが閉じられるかどうかを取得します。

  const isCollapsed: boolean = banner.collapsed;
  Copy

  返却 boolean

element

• get element(): HTMLElement

• バナー コンポーネントのネイティブ要素を返します。

   const myBannerElement: HTMLElement = banner.element;
  Copy

  返却 HTMLElement

resourceStrings

• get resourceStrings(): IBannerResourceStrings

• 返却 IBannerResourceStrings

• set resourceStrings(value): void

• リソース文字列を取得または設定します。

  備考

  デフォルトで EN リソースを使用します。

  パラメーター

  • value: IBannerResourceStrings

  返却 void

close

• close(event?): void

• バナーを閉じます。

   myBanner.close();
  Copy

  <igx-banner #banner>
  ...
  </igx-banner>
  <button type="button" (click)="banner.close()">Close Banner</button>
  Copy

  パラメーター

  • event: Event

  返却 void

open

• open(event?): void

• バナーを開きます。

   myBanner.open();
  Copy

  <igx-banner #banner>
  ...
  </igx-banner>
  <button type="button" (click)="banner.open()">Open Banner</button>
  Copy

  パラメーター

  • event: Event

  返却 void

toggle

• toggle(event?): void

• バナーを切り替えます。

   myBanner.toggle();
  Copy

  <igx-banner #banner>
  ...
  </igx-banner>
  <button type="button" (click)="banner.toggle()">Toggle Banner</button>
  Copy

  パラメーター

  • event: Event

  返却 void