IgxInputGroupComponent の自動生成されたクラスを有効/無効にするプロパティです。
デフォルトでクラスが適用されます。
デフォルトでクラスが適用されます。
@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
this.inputGroup.defaultClass = false;
}
入力グループ内の他の要素 (Prefix または Suffix など) をクリックすると、入力に自動的にフォーカスすることを防止します。
自動フォーカスにより、ソフトウェア キーボードがモバイル デバイスに表示されます。
<igx-input-group [suppressInputAutofocus]="true"></igx-input-group>
コンポーネントのテーマを返します。デフォルトのテーマは
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 であるかどうかを返します。
@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;
}
入力のスタイル設定方法を設定します。 IgxInputGroupType タイプの値が許可されます。
<igx-input-group [type]="'search'">
表示密度の値に基づいて --component-size CSS 変数を設定します。
Date Range Picker の end 入力を定義します。
Igx Module
IgxDateRangePickerModule
Igx Theme
igx-input-group-theme, igx-calendar-theme, igx-date-range-picker-theme
Igx Keywords
date, range, date range, date picker
Igx Group
スケジュール
備考
テンプレート化する場合、end 入力は個別にテンプレート化する必要があります。
例