コンポーネントのテーマを返します。 デフォルトのテーマは 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 かどうかを返します。

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeBorder = this.inputGroup.isTypeBorder;
}

IgxInputGroupComponent の type が box かどうかを返します。

@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 かどうかを返します。

@ViewChild("MyInputGroup1")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
   let isTypeLine = this.inputGroup.isTypeLine;
}

IgxInputGroupComponent` の type が search かどうかを返します。

@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;
}

Input

入力のスタイルを設定する @Input プロパティ。 IgxInputGroupType 型の許可された値。

<igx-input-group [type]="'search'">