Trong Angular, templates là những bản thiết kế hoặc khuôn mẫu cho một phần của giao diện người dùng (UI). Templates được viết bằng HTML và có thể sử dụng cú pháp đặc biệt bên trong để tận dụng nhiều tính năng của Angular, như ràng buộc dữ liệu (data binding), xử lý sự kiện (event handling), và các directive.
Các tính năng chính của Templates trong Angular:
Interpolation: Sử dụng cặp ngoặc nhọn {{ }} để hiển thị dữ liệu từ component class ra template.
Data Binding: Có thể thực hiện ràng buộc dữ liệu một chiều (one-way data binding) từ class đến template thông qua [property]="expression" hoặc từ template đến class thông qua (event)="handler()", và ràng buộc dữ liệu hai chiều (two-way data binding) sử dụng [(ngModel)]="property".
Directives: Sử dụng các directive để thay đổi cấu trúc của DOM hoặc thay đổi hành vi của các phần tử DOM. Các directive phổ biến bao gồm *ngIf, *ngFor, và *ngSwitch.
Template Expressions: Viết các biểu thức trong template để tính toán giá trị một cách động.
Template Statements: Sử dụng các câu lệnh trong template để xử lý các sự kiện như click hoặc submit.
Pipes: Sử dụng pipes để biến đổi dữ liệu hiển thị trong template, ví dụ như định dạng ngày tháng, số, chuỗi và nhiều hơn nữa.
Local Template Variables: Khai báo các biến cục bộ trong template để tham chiếu đến các phần tử hoặc directive.
Template Reference Variables: Sử dụng biến tham chiếu template để truy cập đến các phần tử DOM hoặc directive trong template.
Templates trong Angular đóng vai trò quan trọng trong việc xác định cách giao diện người dùng được hiển thị và tương tác với người dùng. Chúng giúp tạo ra các ứng dụng web động và tương tác cao.
