Template-driven Forms
FormsModule, NgModel, two-way binding, form validation, ngForm, template reference variables, validation states
1Module Angular nào cần import để sử dụng template-driven forms?
Module Angular nào cần import để sử dụng template-driven forms?
Câu trả lời
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.
2Cú pháp nào được sử dụng cho two-way data binding với NgModel?
Cú pháp nào được sử dụng cho two-way data binding với NgModel?
Câu trả lời
Cú pháp [(ngModel)] kết hợp property binding [ngModel] và event binding (ngModel) để tạo two-way data binding. Cú pháp banana-in-a-box này tự động đồng bộ giá trị form field với property của component theo cả hai chiều, đơn giản hóa việc quản lý state của form.
3Thuộc tính nào là bắt buộc trên input với NgModel trong template-driven form?
Thuộc tính nào là bắt buộc trên input với NgModel trong template-driven form?
Câu trả lời
Thuộc tính name là bắt buộc trên mỗi input sử dụng NgModel trong template-driven form. Angular sử dụng thuộc tính này để đăng ký control trong FormGroup cơ bản và tạo cấu trúc form. Không có thuộc tính name, Angular không thể theo dõi trạng thái control và sẽ ném lỗi.
Cách truy cập directive NgForm để kiểm tra trạng thái form?
Cách truy cập trạng thái của một field cụ thể trong template?
+13 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
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í