クラス IgxSlideComponent

画像またはキャプション テキストを含むスライド コンポーネント。 IgxSlideComponent は通常 IgxCarouselComponent の子コンポーネントです。

<igx-slide [input bindings] >
<ng-content></ng-content>
</igx-slide>
エクスポート

階層

  • IgxSlideComponent

実装

  • AfterContentChecked
  • OnDestroy
  • IgxSlideComponentBase

Index

コンストラクタ

プロパティ

cssClass: string = 'igx-slide'

スライド コンポーネントのクラスを返します。

let class =  this.slide.cssClass;
次のメンバー:

IgxSlideComponent

direction: Direction

スライドの対象 direction を取得または設定します。

<igx-carousel>
<igx-slide direction="NEXT"></igx-slide>
<igx-carousel>
次のメンバー:

IgxSlideComponent

index: number

カルーセル内のスライドの index を取得または設定します。

<igx-carousel>
<igx-slide index = "1"></igx-slide>
<igx-carousel>
次のメンバー:

IgxSlideComponent

previous: boolean = false
tab: string = 'tabpanel'

スライド コンポーネントの role を返します。 デフォルトでは tabpanel に設定されています。

次のメンバー:

IgxSlideComponent

total: number

アクセサー

  • get active(): boolean
  • set active(value: boolean): void
  • スライドの active 状態を取得または設定します。

    <igx-carousel>
    <igx-slide [active] ="false"></igx-slide>
    <igx-carousel>

    双方向データ バインディング。

    <igx-carousel>
    <igx-slide [(active)] ="model.isActive"></igx-slide>
    <igx-carousel>
    次のメンバー:

    IgxSlideComponent

    返却 boolean

  • スライドの active 状態を取得または設定します。

    <igx-carousel>
    <igx-slide [active] ="false"></igx-slide>
    <igx-carousel>

    双方向データ バインディング。

    <igx-carousel>
    <igx-slide [(active)] ="model.isActive"></igx-slide>
    <igx-carousel>
    次のメンバー:

    IgxSlideComponent

    パラメーター

    • value: boolean

    返却 void

  • get nativeElement(): any
  • get tabIndex(): number

メソッド

  • ngAfterContentChecked(): void