Question 1

Kiểu nguyên thủy TypeScript nào đại diện cho giá trị văn bản?

Accepted Answer

Kiểu string đại diện cho tất cả các giá trị văn bản trong TypeScript, dù được phân cách bằng dấu nháy đơn, nháy đôi hay backtick cho template literals. Đây là kiểu phù hợp để lưu trữ văn bản, tên, thông điệp, URL hoặc bất kỳ nội dung văn bản nào trong ứng dụng.

Question 2

Generic trong TypeScript là gì?

Accepted Answer

Generic cho phép tạo các thành phần có thể tái sử dụng hoạt động với nhiều kiểu hơn là chỉ một. Generics sử dụng các tham số kiểu (như T) để đại diện cho bất kỳ kiểu nào. Điều này cho phép viết mã an toàn về kiểu mà không hy sinh tính linh hoạt, ví dụ một hàm xử lý mảng của bất kỳ kiểu nào trong khi vẫn giữ được thông tin kiểu.

Question 3

Component trong Angular là gì?

Accepted Answer

Component là một khối xây dựng cơ bản của ứng dụng Angular điều khiển một phần của giao diện người dùng. Nó kết hợp một template HTML, các kiểu CSS và một lớp TypeScript với decorator @Component. Kiến trúc này cho phép tạo các giao diện có thể tái sử dụng và mô-đun, thúc đẩy việc tách biệt các mối quan tâm giữa view và logic nghiệp vụ.

Question 4

Lifecycle hook trong Angular là gì?

Accepted Answer

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.

Question 5

FormControl trong Angular là gì?

Accepted Answer

FormControl là lớp cơ bản của reactive forms trong Angular đại diện cho một trường form riêng lẻ. Nó đóng gói giá trị của trường, trạng thái xác thực, và cung cấp các phương thức để xử lý tương tác người dùng. Mỗi FormControl có thể có validators, phản ứng với các thay đổi thông qua observables, và duy trì các trạng thái như touched, dirty, hoặc pristine. Đây là khối xây dựng cơ bản để xây dựng các reactive forms phức tạp với FormGroup hoặc FormArray.

Question 6

Module Angular nào cần import để sử dụng template-driven forms?

Accepted Answer

FormsModule là cần thiết để kích hoạt template-driven forms trong Angular. Nó cung cấp các directive như NgModel, NgForm và cho phép two-way data binding với [(ngModel)]. Không có module này, các directive form sẽ không hoạt động và Angular sẽ ném lỗi.

Question 7

Observable trong RxJS là gì?

Accepted Answer

Observable là một collection lazy của nhiều giá trị theo thời gian. Nó đại diện cho một luồng dữ liệu có thể phát ra không, một hoặc nhiều giá trị một cách đồng bộ hoặc bất đồng bộ. Không giống như Promise chỉ phát ra một giá trị duy nhất, Observable có thể phát ra nhiều giá trị và hỗ trợ hủy bỏ thông qua unsubscribe.

Question 8

NgRx Store trong ứng dụng Angular là gì?

Accepted Answer

NgRx Store là một triển khai của pattern Redux cho Angular, dựa trên RxJS. Nó cung cấp một container tập trung để quản lý state toàn cục của ứng dụng một cách dự đoán được và bất biến. Store cung cấp một Observable cho phép các component đăng ký các thay đổi state thông qua selectors.

Question 9

Vai trò chính của createEntityAdapter trong NgRx là gì?

Accepted Answer

Entity Adapter tự động tạo các reducer và selector để quản lý các collection thực thể đã chuẩn hóa. Nó cung cấp các phương thức như addOne, addMany, updateOne, removeOne giúp dễ dàng thao tác với các object được lập chỉ mục theo ID. Điều này tránh việc phải viết thủ công logic quản lý collection và đảm bảo state được chuẩn hóa để có hiệu suất tốt hơn.

Question 10

Sự khác biệt chính giữa smart component và presentational component là gì?

Accepted Answer

Smart components (hoặc container components) quản lý logic nghiệp vụ, các lời gọi API và trạng thái ứng dụng thông qua các service hoặc state management. Presentational components chỉ tập trung vào việc hiển thị và nhận dữ liệu qua @Input, phát ra các sự kiện qua @Output. Sự phân tách này cải thiện khả năng kiểm thử và tái sử dụng của các component.

Câu hỏi phỏng vấn Angular

Sẵn sàng cho phỏng vấn Angular?

Khám phá tất cả chủ đề Angular

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

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