Angular - Lifecycle Hooks
You want to focus an input element immediately after the view loads. Which is the best way to do this using
ngAfterViewInit?You want to focus an input element immediately after the view loads. Which is the best way to do this using ngAfterViewInit?
hard📝 component behavior Q8 of 15
Step-by-Step Solution
Solution:
Step 1: Understand when view elements are ready
Input elements are available after the view initializes, so ngAfterViewInit is the right place.Step 2: Use @ViewChild to access input and call focus()
This ensures the input element exists and can be focused immediately.Final Answer:
Use @ViewChild to get the input element and call its focus() method inside ngAfterViewInit -> Option BQuick Check:
Focus input in ngAfterViewInit using @ViewChild [OK]
Quick Trick: Focus inputs safely in ngAfterViewInit with @ViewChild [OK]
Common Mistakes:
- Trying to focus input in ngOnInit before view ready
- Using setTimeout unnecessarily
- Relying on user clicks to focus input
Master "Lifecycle Hooks" in Angular
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Angular Quizzes