Services & Dependency Injection
Services, @Injectable, providedIn, dependency injection, hierarchical injectors, injection tokens, providers
1Service trong Angular là gì?
Service trong Angular là gì?
Câu trả lời
Service là một lớp TypeScript được trang trí bằng @Injectable, đóng gói logic nghiệp vụ hoặc dữ liệu dùng chung. Service tuân theo nguyên tắc tách biệt trách nhiệm bằng cách trích xuất logic tái sử dụng ra khỏi components. Chúng có thể được inject vào các lớp khác thông qua hệ thống dependency injection của Angular, giúp tăng tính module hóa và khả năng test của code.
2Decorator nào làm cho một lớp có thể inject được trong Angular?
Decorator nào làm cho một lớp có thể inject được trong Angular?
Câu trả lời
Decorator @Injectable là bắt buộc để một lớp có thể được sử dụng làm service trong hệ thống dependency injection của Angular. Decorator này cho phép Angular tạo metadata cần thiết để giải quyết các dependency của service. Nếu không có @Injectable, trình biên dịch TypeScript sẽ không giữ lại thông tin kiểu cần thiết cho injection, gây ra lỗi runtime.
3Cú pháp chính xác để tạo một service cơ bản là gì?
Cú pháp chính xác để tạo một service cơ bản là gì?
Câu trả lời
Cú pháp đầy đủ để tạo Angular service bao gồm import decorator Injectable từ @angular/core, sau đó áp dụng nó cho một lớp với tùy chọn providedIn. Cấu hình hiện đại này tự động đăng ký service trong root injector của ứng dụng. Tùy chọn providedIn: 'root' là phương pháp tốt nhất vì nó cho phép tree-shaking và đảm bảo singleton toàn cục.
providedIn: 'root' trong @Injectable có nghĩa là gì?
Làm thế nào để inject một service vào 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
Components và vòng đời
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í