クラス IgxSlideComponent

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

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

階層

  • IgxSlideComponent

実装

  • OnDestroy

コンストラクタ

プロパティ

アクセサー

コンストラクタ

constructor

プロパティ

cssClass

cssClass: string = "igx-slide"

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

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

IgxSlideComponent

direction

direction: Direction

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

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

IgxSlideComponent

index

index: number

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

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

IgxSlideComponent

previous

previous: boolean = false

アクセサー

active

  • 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

ariaLive

  • get ariaLive(): string

ariaSelected

  • get ariaSelected(): boolean

nativeElement

  • get nativeElement(): any

tabIndex

  • get tabIndex(): number