# Reactive Forms (Angular)

> ReactiveFormsModule, FormControl, FormGroup, FormArray, FormBuilder, validators, custom validators, async validators, valueChanges

- 26 câu hỏi phỏng vấn
- Mid-Level
- [Câu hỏi phỏng vấn: Angular](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van.md)

## 1. FormControl trong Angular là gì?

**Câu trả lời**

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.

## 2. Module Angular nào phải được import để sử dụng reactive forms?

**Câu trả lời**

ReactiveFormsModule là module Angular cung cấp tất cả các lớp và directive cần thiết để làm việc với reactive forms. Nó phải được import vào module ứng dụng hoặc trong standalone component để truy cập FormControl, FormGroup, FormBuilder và các API khác. Nếu không có import này, các directive như formControlName hoặc formGroup sẽ không được nhận diện. FormsModule là một module khác được sử dụng cho template-driven forms.

## 3. FormGroup trong Angular là gì?

**Câu trả lời**

FormGroup là một lớp nhóm nhiều FormControl hoặc các instance FormGroup khác dưới các khóa được đặt tên, cho phép cấu trúc các form phức tạp. Nó cho phép xác thực và quản lý trạng thái của một tập hợp các trường như một đơn vị duy nhất. Ví dụ, một form địa chỉ có thể là một FormGroup chứa các trường đường, thành phố và mã bưu điện. FormGroup tự động tổng hợp các giá trị và trạng thái xác thực của tất cả các điều khiển con của nó.

## Còn 23 câu hỏi nữa

- Mục đích của FormBuilder trong Angular là gì?
- Làm thế nào để tạo FormControl với giá trị ban đầu?

Đăng ký miễn phí: https://sharpskill.dev/vi/login

## Các chủ đề phỏng vấn Angular khác

- [Kiến thức cơ bản TypeScript](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/typescript-basics.md): 25 câu hỏi, Junior
- [TypeScript Nâng cao](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/typescript-advanced.md): 20 câu hỏi, Junior
- [Kiến thức cơ bản về Angular](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/angular-fundamentals.md): 20 câu hỏi, Junior
- [Components và vòng đời](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/components-lifecycle.md): 20 câu hỏi, Junior
- [Services & Dependency Injection](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/services-dependency-injection.md): 20 câu hỏi, Junior
- [Tổ chức Module Angular](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/modules-organization.md): 22 câu hỏi, Mid-Level
- [Angular CLI](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/angular-cli.md): 18 câu hỏi, Junior
- [Directives và Pipes](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/directives-pipes.md): 22 câu hỏi, Mid-Level
- [Routing và Điều hướng](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/routing-navigation.md): 24 câu hỏi, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/forms-template-driven.md): 16 câu hỏi, Mid-Level
- [Kiến Thức Cơ Bản RxJS](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/rxjs-fundamentals.md): 22 câu hỏi, Mid-Level
- [Operator RxJS](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/rxjs-operators.md): 24 câu hỏi, Mid-Level
- [HttpClient và lệnh gọi API](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/http-client.md): 22 câu hỏi, Mid-Level
- [Quản lý state cơ bản](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/state-management-basics.md): 20 câu hỏi, Mid-Level
- [Change Detection](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/change-detection.md): 20 câu hỏi, Mid-Level
- [Angular Signals](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/angular-signals.md): 20 câu hỏi, Mid-Level
- [Standalone Components](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/standalone-components.md): 18 câu hỏi, Mid-Level
- [Unit Testing trong Angular](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/testing-unit.md): 22 câu hỏi, Mid-Level
- [Kiểm thử End-to-End](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/testing-e2e.md): 18 câu hỏi, Mid-Level
- [Build và tối ưu hóa](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/build-optimization.md): 20 câu hỏi, Mid-Level
- [Nền tảng NgRx](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/ngrx-fundamentals.md): 24 câu hỏi, Senior
- [NgRx nâng cao](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/ngrx-advanced.md): 24 câu hỏi, Senior
- [Kiến trúc Angular](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/angular-architecture.md): 22 câu hỏi, Senior
- [Tối ưu hiệu năng](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/performance-optimization.md): 22 câu hỏi, Senior
- [Bảo mật và thực tiễn tốt nhất](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/security-best-practices.md): 20 câu hỏi, Senior
- [Các mẫu RxJS nâng cao](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/advanced-rxjs-patterns.md): 22 câu hỏi, Senior
- [Angular Universal và SSR](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/angular-universal-ssr.md): 20 câu hỏi, Senior
- [Micro-frontend Angular](https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/micro-frontends-angular.md): 20 câu hỏi, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/vi/technologies/angular/cau-hoi-phong-van/forms-reactive