Button ディレクティブは、ボタンとして使用を意図されているすべてのコンポーネントに Ignite UI Button 機能を提供します。
IgxButtonModule
データ入力 & 表示
igx-button-theme
button, span, div, click
Ignite UI Button ディレクティブは、いずれかのボタン、スパン、または div で使用され、これらを完全に機能するボタンに変更することが意図されています。
<button type="button" igxButton="outlined">A Button</button> Copy
<button type="button" igxButton="outlined">A Button</button>
ボタンがクリックされたときに呼び出されます。
ボタンが選択されたときに呼び出されます。
ボタンを有効/無効にします。
<button igxButton="fab" disabled></button> Copy
<button igxButton="fab" disabled></button>
role 属性を設定または取得します。
role
this.button.role = 'navbutton';let buttonRole = this.button.role; Copy
this.button.role = 'navbutton';let buttonRole = this.button.role;
aria-label を設定します。
aria-label
<button type="button" igxButton="flat" igxLabel="Label"></button> Copy
<button type="button" igxButton="flat" igxLabel="Label"></button>
基本の DOM 要素を返します。
ボタンが選択されるかどうかを取得または設定します。IgxButtonGroup コンポーネントで使用されます。別に設定される場合に影響しません。
<button type="button" igxButton="flat" [selected]="button.selected"></button> Copy
<button type="button" igxButton="flat" [selected]="button.selected"></button>
ボタンの種類を設定します。
<button type="button" igxButton="outlined"></button> Copy
<button type="button" igxButton="outlined"></button>
Angular がディレクティブのすべてのコンテンツの初期化を完了した直後に呼び出されるコールバック メソッド。ディレクティブがインスタンス化されるときに 1 回だけ呼び出されます。
Button ディレクティブは、ボタンとして使用を意図されているすべてのコンポーネントに Ignite UI Button 機能を提供します。
Igx Module
IgxButtonModule
Igx Parent
データ入力 & 表示
Igx Theme
igx-button-theme
Igx Keywords
button, span, div, click
備考
Ignite UI Button ディレクティブは、いずれかのボタン、スパン、または div で使用され、これらを完全に機能するボタンに変更することが意図されています。
例