constructor

• new IgxAutocompleteDirective(ngModel, formControl, group, elementRef, cdr): IgxAutocompleteDirective

• Parameters

  • ngModel: NgModel

  • formControl: FormControlName

  • group: IgxInputGroupComponent

  • elementRef: ElementRef<any>

  • cdr: ChangeDetectorRef

  Returns IgxAutocompleteDirective

autocompleteSettings

// get
let settings = this.autocomplete.autocompleteSettings;
Copy

<!--set-->
<input type="text" [igxAutocomplete]="townsPanel" [igxAutocompleteSettings]="settings"/>
Copy

// set
this.settings = {
 positionStrategy: new ConnectedPositioningStrategy({
     closeAnimation: null,
     openAnimation: null
 })
};
Copy

disabled

// get
let disabled = this.autocomplete.disabled;
Copy

<!--set-->
<input type="text" [igxAutocomplete]="townsPanel" [igxAutocompleteDisabled]="disabled"/>
Copy

// set
public disabled = true;
Copy

selectionChanging

<input igxInput [igxAutocomplete]="townsPanel" (selectionChanging)='selectionChanging($event)' />
Copy

target

• get target(): IgxDropDownComponent

• Sets the target of the autocomplete directive

  <!-- Set -->
  <input [igxAutocomplete]="dropdown" />
  ...
  <igx-drop-down #dropdown>
  ...
  </igx-drop-down>
  Copy

  Returns IgxDropDownComponent

• set target(v): void

• Gets the target of the navigation directive;

  // Get
  export class MyComponent {
   ...
   @ContentChild(IgxDropDownNavigationDirective)
   navDirective: IgxDropDownNavigationDirective = null
   ...
   const navTarget: IgxDropDownBaseDirective = navDirective.navTarget
  }
  Copy

  Parameters

  • v: IgxDropDownComponent

  Returns void

close

• close(): void

• Closes autocomplete drop down

  Returns void

ngAfterViewInit

• ngAfterViewInit(): void

• A callback method that is invoked immediately after Angular has completed initialization of a component's view. It is invoked only once when the view is instantiated.

  Returns void

open

• open(): void

• Opens autocomplete drop down

  Returns void