Sử dụng một Nested Component

Để sử dụng nested component chúng ta vừa xây dựng, tại template của component cha ( ở đây là product-list.component ) chúng ta thay thế đoạn code template hiển thị số star rating thay bằng nested component ai-star.

Bây giờ hãy xem kết quả mà chúng ta đạt được cho đến lúc này.

Bởi vì number start rating chúng ta đang để hardcode. Do đó số sao biểu diễn trên view lúc này luôn là 5 sao. Chúng ta sẽ làm cho chúng hiển thị đúng như những gì mà chúng ta mong muốn ở bài học tiếp theo đây.

Last updated