menu

Class IgxFocusDirective

Hierarchy

Hierarchy

IgxFocusDirective

Constructors

Accessors

Methods

Constructors

constructor

new IgxFocusDirective(element: ElementRef<any>, comp?: any[], control?: any[]): IgxFocusDirective
- Defined in projects/igniteui-angular/src/lib/directives/focus/focus.directive.ts:66
Parameters
- element: ElementRef<any>
- Optional comp: any[]
- Optional control: any[]
Returns IgxFocusDirective

Accessors

focused

get focused(): boolean
- Defined in projects/igniteui-angular/src/lib/directives/focus/focus.directive.ts:24
Returns the state of the igxFocus.
```
@ViewChild('focusContainer', {read: IgxFocusDirective})
public igxFocus: IgxFocusDirective;
let isFocusOn = this.igxFocus.focused;
```
Memberof
IgxFocusDirective
Returns boolean
set focused(val: boolean): void
- Defined in projects/igniteui-angular/src/lib/directives/focus/focus.directive.ts:39
Sets the state of the igxFocus.
```
<igx-input-group >
 <input #focusContainer igxInput [igxFocus]="true"/>
</igx-input-group>
```
Memberof
IgxFocusDirective
Parameters
- val: boolean
Returns void

nativeElement

get nativeElement(): any
- Defined in projects/igniteui-angular/src/lib/directives/focus/focus.directive.ts:54
Gets the native element of the igxFocus.
```
@ViewChild('focusContainer', {read: IgxFocusDirective})
public igxFocus: IgxFocusDirective;
let igxFocusNativeElement = this.igxFocus.nativeElement;
```
Memberof
IgxFocusDirective
Returns any

Methods

trigger

trigger(): void
- Defined in projects/igniteui-angular/src/lib/directives/focus/focus.directive.ts:82
Triggers the igxFocus state.
```
@ViewChild('focusContainer', {read: IgxFocusDirective})
public igxFocus: IgxFocusDirective;
this.igxFocus.trigger();
```
Memberof
IgxFocusDirective
Returns void