4. Angular Component & Template

Dò bài cũ

Angular là gì? Mô tả kiến trúc của Angular?

Các thành phần của Component?

Các cách databinding trong component?

Kiến trúc của Angular

kiến trúc của Angular

Các thành phần của Component

kiến trúc của Angular

Các thành phần của Component

kiến trúc của Angular

Angular Component & Template

S T A R T

Nội dung chính

1. Khái niệm về Directive và các loại directive

2. Cú pháp của ngFor

3. Cú pháp của ngIf

4. Khái niệm về Pipe và các loại Pipe

5. Tạo component con và nhúng vào component cha

Directive

Các loại directive

Directive là 1 thành phần trong ứng dụng Angular được dùng để tăng sức mạnh và mở rộng tính năng cho HTML

Directive giúp người dùng có thể thay đổi cấu trúc, thuộc tính của các thẻ HTML

Các loại directive

Cú pháp của ngFor

kiến trúc của Angular

*ngFor="let item of items; index as i;"

items là mảng các phần tử cần lặp qua.

item là biến lặp mỗi lần lặp qua một phần tử trong items.

index là chỉ số của phần tử đó trong mảng.

i là biến lặp cho chỉ số của phần tử.

Cú pháp của ngIf

kiến trúc của Angular

*ngIf="condition"

Pipe và các loại Pipe

kiến trúc của Angular

Pipes được sử dụng để định dạng lại kiểu hiển thị trên website

Thank you!

www.website.com