How to use Angular4 to set focus by element id

by

Component

import { Component, ElementRef, ViewChild, AfterViewInit} from '@angular/core';
... 

@ViewChild('input1', {static: false}) inputEl: ElementRef;
    
ngAfterViewInit() {
   setTimeout(() => this.inputEl.nativeElement.focus());
}

HTML

<input type="text" #input1>

More Related Contents:

  1. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  2. Confirm password validation in Angular 6 [duplicate]
  3. Set focus on element
  4. Get access to FormControl from the custom form component in Angular
  5. Create a reusable FormGroup
  6. Differences between value and ngValue in Angular 5
  7. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  8. Angular2 If ngModel is used within a form tag, either the name attribute must be set or the form
  9. Limit input field to two decimal places – Angular 5
  10. How to dynamically add FormControl to FormArray on button click in Angular?
  11. i got this error when i use command ng new myprojectname to create new project in angular
  12. Dynamic tabs with user-click chosen components
  13. Angular HTML binding
  14. How do I pass data to Angular routed components?
  15. Angular 2 http.post() is not sending the request
  16. How can I get new selection in “select” in Angular 2?
  17. Angular: How to correctly implement APP_INITIALIZER
  18. Angular 2 – 2 Way Binding with NgModel in NgFor
  19. Using multiple instances of the same service
  20. Argument of type ‘string | null’ is not assignable to parameter of type ‘string’. Type ‘null’ is not assignable to type ‘string’
  21. How to pass query parameters with a routerLink
  22. Generic email validator
  23. ng-content select bound variable
  24. Angular2 @Input to a property with get/set
  25. Angular 6.0 firebase hosting deploy not working
  26. Angular2: validation for won’t trigger when changing the file to upload
  27. Disable Input fields in reactive form
  28. Tracking scroll position and notifying other components about it
  29. How do I override the style of primeng components?
  30. Sanitize input in Angular2 [duplicate]

Leave a Comment