Standalone Components
Standalone components, imports, providers, bootstrapping, di chuyển từ NgModules, cấu trúc ứng dụng mới
1Standalone component trong Angular là gì?
Standalone component trong Angular là gì?
Câu trả lời
Standalone component là một component Angular đặt standalone: true trong decorator @Component của nó. Điều này cho phép component quản lý imports và providers của riêng nó mà không cần NgModule. Standalone components đơn giản hóa kiến trúc bằng cách loại bỏ nhu cầu về các module trung gian để tổ chức các phụ thuộc.
2Làm thế nào để khai báo một standalone component?
Làm thế nào để khai báo một standalone component?
Câu trả lời
Để tạo một standalone component, chỉ cần thêm thuộc tính standalone: true vào decorator @Component. Khai báo đơn giản này làm cho component độc lập với bất kỳ NgModule nào và cho phép quản lý imports và providers trực tiếp trong metadata của component, loại bỏ nhu cầu khai báo bên ngoài trong một module.
3Làm thế nào để import một component khác vào một standalone component?
Làm thế nào để import một component khác vào một standalone component?
Câu trả lời
Trong một standalone component, các phụ thuộc (component, directive, pipe) được thêm trực tiếp vào mảng imports của decorator @Component. Mỗi component có thể import các standalone component khác, directive, pipe hoặc thậm chí các NgModule cổ điển. Điều này loại bỏ nhu cầu về NgModule trung gian để quản lý các phụ thuộc giữa các component và đơn giản hóa kiến trúc.
Hàm nào được sử dụng để bootstrap một ứng dụng với một standalone component?
Làm thế nào để cấu hình các providers toàn cục với bootstrapApplication?
+15 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
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
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í