Components và vòng đời
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1Lifecycle hook trong Angular là gì?
Lifecycle hook trong Angular là gì?
Câu trả lời
Lifecycle hook là một phương thức đặc biệt được Angular gọi tự động tại các thời điểm quan trọng trong vòng đời của một component hoặc directive. Các hook này cho phép thực thi code tại các giai đoạn cụ thể như tạo, cập nhật hoặc hủy. Các hook phổ biến nhất là ngOnInit, ngOnChanges và ngOnDestroy.
2ngOnInit được gọi khi nào?
ngOnInit được gọi khi nào?
Câu trả lời
ngOnInit được gọi một lần sau ngOnChanges đầu tiên, khi tất cả các thuộc tính @Input đã được khởi tạo. Đây là hook lý tưởng để khởi tạo dữ liệu component, bắt đầu subscriptions hoặc gọi services. Nó được ưu tiên hơn constructor cho logic khởi tạo vì tất cả các bindings đều được đảm bảo có sẵn.
3Sự khác biệt chính giữa ngOnChanges và ngOnInit là gì?
Sự khác biệt chính giữa ngOnChanges và ngOnInit là gì?
Câu trả lời
ngOnChanges được gọi mỗi khi giá trị thuộc tính @Input thay đổi và nhận một đối tượng SimpleChanges chứa giá trị cũ và mới. ngOnInit chỉ được gọi một lần sau lần khởi tạo đầu tiên. Sử dụng ngOnChanges để phản ứng với các thay đổi input và triển khai logic phụ thuộc vào các giá trị @Input. Ưu tiên ngOnInit cho khởi tạo một lần như gọi API hoặc cấu hình ban đầu.
Tại sao sử dụng ngOnDestroy trong một component?
Lifecycle hooks được gọi theo thứ tự nào khi tạo một component?
+17 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Angular khác
Kiến thức cơ bản TypeScript
TypeScript Nâng cao
Kiến thức cơ bản về Angular
Services & Dependency Injection
Tổ chức Module Angular
Angular CLI
Directives và Pipes
Routing và Điều hướng
Reactive Forms
Template-driven Forms
Kiến Thức Cơ Bản RxJS
Operator RxJS
HttpClient và lệnh gọi API
Quản lý state cơ bản
Change Detection
Angular Signals
Standalone Components
Unit Testing trong Angular
Kiểm thử End-to-End
Build và tối ưu hóa
Nền tảng NgRx
NgRx nâng cao
Kiến trúc Angular
Tối ưu hiệu năng
Bảo mật và thực tiễn tốt nhất
Các mẫu RxJS nâng cao
Angular Universal và SSR
Micro-frontend Angular
Nắm vững Angular cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí