クラス IgxRippleDirective

階層

  • IgxRippleDirective

コンストラクタ

プロパティ

アクセサー

コンストラクタ

constructor

  • new IgxRippleDirective(builder: AnimationBuilder, elementRef: ElementRef, renderer: Renderer2, zone: NgZone): IgxRippleDirective

プロパティ

rippleColor

rippleColor: string

リップル色を取得または設定します。

<button #rippleContainer [igxRipple] = "'red'" ></button>
@ViewChild('rippleContainer', {read: IgxRippleDirective})
public ripple: IgxRippleDirective;
let rippleColor = this.ripple.rippleColor;
次のメンバー:

IgxRippleDirective

rippleDisabled

rippleDisabled: boolean = false

リップルが無効されたかどうかを取得または設定します。 デフォルトは false です。

<button #rippleContainer igxRipple [igxRippleDisabled] = "true"></button>
@ViewChild('rippleContainer', {read: IgxRippleDirective})
public ripple: IgxRippleDirective;
let isRippleDisabled = this.ripple.rippleDisabled;
次のメンバー:

IgxRippleDirective

rippleDuration

rippleDuration: number = 600

リップルの期間をミリ秒で取得または設定します。 デフォルト値は 600 です。

<button #rippleContainer igxRipple [igxRippleDuration] = "800"></button>
@ViewChild('rippleContainer', {read: IgxRippleDirective})
public ripple: IgxRippleDirective;
let rippleDuration = this.ripple.rippleDuration;
次のメンバー:

IgxRippleDirective

rippleTarget

rippleTarget: string = ""

リップル ターゲットを取得または設定します。

<div  #rippleContainer class="div-1" igxRipple [igxRippleTarget] = "'.div-1'"></div>
@ViewChild('rippleContainer', {read: IgxRippleDirective})
public ripple: IgxRippleDirective;
let rippleTarget = this.ripple.rippleTarget;

igxRipple が定義される親で子要素にリップルをアクティブ化することを設定します。

<div #rippleContainer [igxRippleTarget] = "'#child"'>
 <button id="child">Click</button>
</div>
次のメンバー:

IgxRippleDirective

アクセサー

centered

  • set centered(value: boolean): void
  • リップルの中央揃えを有効または無効にします。

    <button #rippleContainer igxRipple [igxRippleCentered] = "true"></button>
    次のメンバー:

    IgxRippleDirective

    パラメーター

    • value: boolean

    返却 void