constructor

• new IgxBannerComponent(elementRef: ElementRef<HTMLElement>): 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: ToggleAnimationSettings): 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

expanded

• get expanded(): boolean

  バナーが展開されている (表示) か縮小されている (非表示) かを取得または設定します。デフォルトは false です。 true に設定するとバナーが開き、false に設定するとバナーが閉じます。

  例

  // バナーを展開します
  banner.expanded = true;
  Copy

  例

  // バナーを閉じます
  banner.expanded = false;
  Copy

  例

  // バナーが展開されているか確認します
  const isExpanded = banner.expanded;
  Copy

  返却 boolean

• set expanded(value: boolean): void

  パラメーター

  • value: boolean

  返却 void

resourceStrings

• get resourceStrings(): IBannerResourceStrings

  返却 IBannerResourceStrings

• set resourceStrings(value: IBannerResourceStrings): void

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

  備考

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

  パラメーター

  • value: IBannerResourceStrings

  返却 void

close

• close(event?: 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?: 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?: Event): void

  バナーを切り替えます。

   myBanner.toggle();
  Copy

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

  パラメーター

  • event: Event

  返却 void