Giới thiệu về phương pháp tiếp cận thành phần trong Angular

Giả sử chúng ta có một trang web. Trên trang web này, chúng ta có thể phân biệt một số khối: phần đầu, nội dung, thanh bên, phần chân trang, v.v. Mỗi khối có thể được chia thành các khối phụ nhỏ hơn. Ví dụ, trong phần đầu thường có thể phân biệt biểu trưng, menu, khối liên hệ và vân vân.

Trong Angular, mỗi khối như vậy được gọi là một thành phần. Mỗi thành phần có thể chứa bên trong nó các thành phần nhỏ hơn, và những thành phần đó đến lượt mình lại có thể chứa các thành phần nhỏ hơn nữa và cứ thế tiếp tục.

Mỗi thành phần trong Angular tương ứng với một thư mục chứa các tệp, được đặt trong thư mục src.

Một trong các thành phần phải là thành phần chính - thành phần mà các thành phần khác được thêm vào. Trong Angular, theo mặc định, thành phần đó sẽ là thành phần App. Các thành phần khác sẽ được kết nối với thành phần này. Cách thực hiện điều này - chúng ta sẽ phân tích tiếp theo trong bài hướng dẫn.