Class IgxBannerComponent

Ignite UI for Angular Banner - ヘルプ

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

使用方法:

<igx-banner #banner>
Our privacy settings have changed.
<igx-banner-actions>
<button type="button" igxButton="raised">Read More</button>
<button type="button" igxButton="raised">Accept and Continue</button>
</igx-banner-actions>
</igx-banner>

実装

コンストラクター

プロパティ

closed: EventEmitter<BannerEventArgs> = ...

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

public handleClosed(event) {
...
}
<igx-banner (closed)="handleClosed($event)"></igx-banner>
closing: EventEmitter<BannerCancelEventArgs> = ...

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

public handleClosing(event) {
...
}
<igx-banner (closing)="handleClosing($event)"></igx-banner>
cssClass: string = 'igx-banner-host'
elementRef: ElementRef<HTMLElement>
opened: EventEmitter<BannerEventArgs> = ...

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

public handleOpened(event) {
...
}
<igx-banner (opened)="handleOpened($event)"></igx-banner>
opening: EventEmitter<BannerCancelEventArgs> = ...

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

public handleOpening(event) {
...
}
<igx-banner (opening)="handleOpening($event)"></igx-banner>

アクセサー

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

    let currentAnimations: ToggleAnimationSettings = banner.animationSettings
    

    返却 ToggleAnimationSettings

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

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

    パラメーター

    • settings: ToggleAnimationSettings

    返却 void

メソッド