入力グループ内の他の要素 (Prefix または Suffix など) をクリックすると、入力に自動的にフォーカスすることを防止します。
自動フォーカスにより、ソフトウェア キーボードがモバイル デバイスに表示されます。
<igx-input-group [suppressInputAutofocus]="true"></igx-input-group>
バージョン 16.1.x 以降。
--ig-size CSS カスタム プロパティを使用してください。
コンポーネントのテーマを返します。
デフォルトのテーマは comfortable です。
利用可能なオプションは comfortable、cosy、または compact です。
let componentTheme = this.component.displayDensity;
コンポーネントのテーマを設定します。
IgxInputGroupComponent に境界線があるかどうかを返します。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let inputBorder = this.inputGroup.hasBorder;
}
IgxInputGroupComponent にヒントがあるかどうかを返します。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let inputHints = this.inputGroup.hasHints;
}
IgxInputGroupComponentのテーマが Bootstrap の場合、true を返します。
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeBootstrap = this.inputGroup.isTypeBootstrap;
}
IgxInputGroupComponentの type が border の場合、true を返します。
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeBorder = this.inputGroup.isTypeBorder;
}
IgxInputGroupComponentの type が box の場合、true を返します。
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeBox = this.inputGroup.isTypeBox;
}
IgxInputGroupComponentのテーマが Fluent の場合、true を返します。
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeFluent = this.inputGroup.isTypeFluent;
}
IgxInputGroupComponent のテーマが Indigo の場合、true を返します。
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeIndigo = this.inputGroup.isTypeIndigo;
}
IgxInputGroupComponentの type が line の場合、true を返します。
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeLine = this.inputGroup.isTypeLine;
}
IgxInputGroupComponentの type が search の場合、true を返します。
@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let isTypeSearch = this.inputGroup.isTypeSearch;
}
リソース文字列を返します。
リソース文字列を設定します。 デフォルトで EN リソースを使用します。
入力のテーマを返します。 戻り値は IgxInputGroupType 型です。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit() {
let inputTheme = this.inputGroup.theme;
}
入力のテーマを設定します。 IgxInputGroupTheme 型の有効な値です。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit() {
let inputTheme = 'fluent';
}
IgxInputGroupComponent のタイプを返します。入力のスタイル設定方法。
デフォルト値は line です。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let inputType = this.inputGroup.type;
}
入力のスタイルを設定する
プロパティです。 IgxInputGroupType 型の許可された値です。
<igx-input-group [type]="'search'">
表示密度の値に基づいて --component-size CSS 変数を設定します。
IgxInputGroupComponentの自動生成されたクラスを有効/無効にするプロパティです。 デフォルトでクラスが適用されます。 デフォルトでクラスが適用されます。デフォルトでクラスが適用されます。
}