Ignite UI for Angular

クラス IgxButtonDirective

階層

実装

  • DoCheck
  • OnInit

コンストラクタ

constructor

プロパティ

buttonClick

buttonClick: EventEmitter<any> = new EventEmitter<any>()

ボタンがクリックされたときに呼び出されます。

element

element: ElementRef

onDensityChanged

onDensityChanged: EventEmitter<IDensityChangedEventArgs> = new EventEmitter<IDensityChangedEventArgs>()

role

role: string = "button"

role 属性を取得または設定します。

this.button.role = 'navbutton';
let buttonRole =  this.button.role;
次のメンバー:

IgxButtonDirective

selected

selected: boolean = false

ボタンが選択されるかどうかを取得または設定します。 IgxButtonGroup コンポーネントで使用されます。別に設定される場合に影響しません。

<button igxButton="flat" [selected]="button.selected"></button>
次のメンバー:

IgxButtonDirective

アクセサー

background

  • set background(value: string): void
  • ボタンの背景色を設定します。

    <button igxButton="raised" igxButtonBackground="red"></button>
    次のメンバー:

    IgxButtonDirective

    パラメーター

    • value: string

    返却 void

color

  • set color(value: string): void
  • ボタンのテキスト色を設定します。

    <button igxButton="gradient" igxButtonColor="blue"></button>
    次のメンバー:

    IgxButtonDirective

    パラメーター

    • value: string

    返却 void

disabled

  • set disabled(val: any): void
  • ボタンを有効/無効にします。

    <button igxButton= "fab" [disabled]="true"></button>
    次のメンバー:

    IgxButtonDirective

    パラメーター

    • val: any

    返却 void

displayDensity

label

  • set label(value: string): void
  • aria-label 属性を設定します。

    <button igxButton= "flat" igxLabel="Label"></button>
    次のメンバー:

    IgxButtonDirective

    パラメーター

    • value: string

    返却 void

nativeElement

  • get nativeElement(): any

type

  • set type(value: string): void

メソッド

ngDoCheck

  • ngDoCheck(): void