クラス IgxInputGroupComponent

階層

実装

  • DoCheck
  • OnInit
  • IgxInputGroupBase

コンストラクタ

constructor

プロパティ

defaultClass

defaultClass: boolean = true

IgxInputGroupComponent の自動生成されたクラスを有効/無効にするプロパティ。 デフォルトでクラスが適用されます。

@ViewChild("MyInputGroup")
public inputGroup: IgxInputGroupComponent;
ngAfterViewInit(){
this.inputGroup.defaultClass = false;

}

disabled

disabled: boolean = false

IgxInputGroupComponent を無効にする @Input プロパティ。

<igx-input-group [disabled]="'true'"></igx-input-group>

element

element: ElementRef

IgxInputGroupComponent の ElementRef プロパティ。

id

id: string = `igx-input-group-${NEXT_ID++}`

id 属性の値を設定する @Input プロパティ。提供されていない場合、自動的に生成されます。

<igx-input-group [id]="'igx-input-group-55'"></igx-input-group>

onDensityChanged

onDensityChanged: EventEmitter<IDensityChangedEventArgs> = new EventEmitter<IDensityChangedEventArgs>()

アクセサー

displayDensity

filled

  • get filled(): boolean
  • set filled(val: boolean): void

hasBorder

  • get hasBorder(): boolean
  • IgxInputGroupComponent に境界線があるかどうかを返します。

    @ViewChild("MyInputGroup")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
       let inputBroder = this.inputGroup.hasBorder;
    }

    返却 boolean

hasHints

  • get hasHints(): boolean
  • IgxInputGroupComponent にヒントがあるかどうかを返します。

    @ViewChild("MyInputGroup")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
       let inputHints = this.inputGroup.hasHints;
    }

    返却 boolean

isTypeBorder

  • get isTypeBorder(): boolean
  • IgxInputGroupComponent の type が border かどうかを返します。

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

    返却 boolean

isTypeBox

  • get isTypeBox(): boolean
  • IgxInputGroupComponent の type が box かどうかを返します。

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

    返却 boolean

isTypeFluent

  • get isTypeFluent(): boolean
  • IgxInputGroupComponent の type が Fluent かどうかを返します。

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

    返却 boolean

isTypeFluentSearch

  • get isTypeFluentSearch(): boolean
  • IgxInputGroupComponent の type が fluentSearch かどうかを返します。

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

    返却 boolean

isTypeLine

  • get isTypeLine(): boolean
  • IgxInputGroupComponent の type が line かどうかを返します。

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

    返却 boolean

isTypeSearch

  • get isTypeSearch(): boolean
  • IgxInputGroupComponent の type が search かどうかを返します。

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

    返却 boolean

supressInputAutofocus

  • get supressInputAutofocus(): boolean
  • set supressInputAutofocus(value: boolean): void
  • 入力グループの入力要素がオンクリックで自動的にフォーカスされるかどうかを返します。

    let supressInputAutofocus = this.inputGroup.supressInputAutofocus;

    返却 boolean

  • 入力グループの入力要素がオンクリックで自動的にフォーカスされるかどうかを設定します。

    <igx-input-group [supressInputAutofocus]="true"></igx-input-group>

    パラメーター

    • value: boolean

    返却 void

type

  • get type(): string
  • set type(value: string): void
  • IgxInputGroupComponent のタイプを返します。入力のスタイル設定。 値は、line -0、box -1、border -2、fluent -3 fluentSearch -4 および search -5 です。デフォルトは line です。

    @ViewChild("MyInputGroup")
    public inputGroup: IgxInputGroupComponent;
    ngAfterViewInit(){
       let inputType = this.inputGroup.type;
    }

    返却 string

  • 入力のスタイルを設定する @Input プロパティ。 有効な値は、lineboxborderfluent、「search」、および fluentSearchです。デフォルトは line です。

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

    パラメーター

    • value: string

    返却 void

メソッド

ngDoCheck

  • ngDoCheck(): void