IgxInputGroupComponent の自動生成されたクラスを有効/無効にするプロパティ。
デフォルトでクラスが適用されます。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
this.inputGroup.defaultClass = false;
}
入力グループ内の他の要素 (Prefix または Suffix など) をクリックすると、入力に自動的にフォーカスすることを防止します。
コンポーネントのテーマを返します。
デフォルト テーマは 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 型です。
```typescript @ViewChild("MyInputGroup") public inputGroup: IgxInputGroupComponent; ngAfterViewInit() { let inputTheme = this.inputGroup.theme; }
入力のテーマを設定します。 IgxInputGroupTheme 型の有効な値。
```typescript @ViewChild("MyInputGroup") public inputGroup: IgxInputGroupComponent; ngAfterViewInit() { let inputTheme = 'fluent'; }
IgxInputGroupComponent のタイプを返します。入力のスタイル設定方法。
デフォルトは line です。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
let inputType = this.inputGroup.type;
}
入力のスタイルを設定する @Input プロパティ。 IgxInputGroupType 型の許可された値。
<igx-input-group [type]="'search'">
Date range picker の end 入力を定義します。
IgxDateRangeModule
igx-input-group-theme, igx-calendar-theme, igx-date-range-picker-theme
date, range, date range, date picker
scheduling
テンプレート化する場合、end 入力は個別にテンプレート化する必要があります。