Ignite UI for Angular

すべて
  • パブリック
  • パブリック/保護
  • すべて

クラス IgxBannerComponent

Ignite UI for Angular Banner - ヘルプ

Ignite UI Banner は、テンプレート化が可能な簡単に使用できるバナーです。 使用方法:

<igx-banner #banner>
  プライバシーの設定が変更されました。
 <igx-banner-actions>
     <button igxButton="raised">更に表示</button>
     <button igxButton="raised">承諾して続行</button>
 </igx-banner-actions>
</igx-banner>

階層

  • IgxBannerComponent

実装

Index

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

closed

closed: EventEmitter<BannerEventArgs> = ...

バナー非表示後に発生します。

public handleClosed(event) {
 ...
}

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

closing

closing: EventEmitter<BannerCancelEventArgs> = ...

バナー非表示前に発生します。

public handleClosing(event) {
 ...
}

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

cssClass

cssClass: string = 'igx-banner-host'

elementRef

elementRef: ElementRef<HTMLElement>

opened

opened: EventEmitter<BannerEventArgs> = ...

バナー表示前に発生します。

public handleOpening(event) {
 ...
}

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

opening

opening: EventEmitter<BannerCancelEventArgs> = ...

Fires before the banner shows up

public handleOpening(event) {
 ...
}

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

アクセサー

animationSettings

  • get animationSettings(): ToggleAnimationSettings
  • set animationSettings(settings: ToggleAnimationSettings): void

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

    let currentAnimations: ToggleAnimationSettings = banner.animationSettings

    返却 ToggleAnimationSettings

  • バナーの open/close メソッドで使用されるアニメーション設定を設定します。

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

    パラメーター

    • settings: ToggleAnimationSettings

    返却 void

collapsed

  • get collapsed(): boolean

element

  • get element(): HTMLElement

メソッド

close

  • close(event?: Event): void

open

  • open(event?: Event): void

toggle

  • toggle(event?: Event): void